Friday, September 30, 2022

Change youtube to youtube-nocookie with ACF embed field

WordPress Advanced Custom Fields Custom Code

With Cookie and GDPR laws, you should display the YouTube and other embeds only after user consent to marketing cookies. There is a way to avoid this but still send user IP address to YouTube and store one cookie instead of multiple ones. The way…

Read More

Tuesday, September 27, 2022

Use first ACF Gallery image as Featured image of Custom post type single

WordPress Advanced Custom Fields Custom Code

How do I set the first gallery image from a custom post type gallery field as the featured image? Found this here: Use first image from gallery of custom post type to set featured image - ACF Support (advancedcustomfields.com) It use ACF | acf/save_post (advancedcustomfields.com)…

Read More

Thursday, September 22, 2022

Change Gutenberg Color Pallete to your own

WordPress Custom Code Gutenberg

If you want to have your theme colors in Gutenberg instead of all colors use this code. You can also disable gradients in Gutenberg editor. Add this code to your functions.php or custom plugin or code snippets plugin like Advanced scripts. Add more colors if…

Read More

Thursday, September 22, 2022

Disable Gutenberg gradient picker

WordPress Custom Code Gutenberg

If you want to disable gradient picker in Gutenberg editor in WordPress, add this code to your functions.php or custom plugin or code snippets plugin like Advanced scripts. You may also need to change default Gutenberg colors.

Read More

Thursday, September 22, 2022

Disable Gutenberg Blocks and Pattern library

WordPress Custom Code Gutenberg Oxygen Builder

When I use Oxygen Builder to create website for customer, I want them to edit the content in Gutenberg editor, but I don't want to give them a "FULL POWER" of Gutenberg editor. What I do every time? Disable bunch of unused blocks and completely…

Read More

Thursday, September 22, 2022

WooCommerce Add to cart message position in Oxygen Builder

WordPress Custom Code WooCommerce

Need to change the position of WooCommerce Notice bar on single product template in Oxygen Builder? I mean this WooCommerce notice after add to cart: It's simple. You just need to add the text block with PHP dynamic data value or code block. As PHP…

Read More

Tuesday, September 20, 2022

Global $product cause Oxygen does not refresh CSS

WordPress Custom Code Oxygen Builder

The issue is related to the custom PHP functions being used the Repeaters in WooCommerce templates. Within the custom functions, after you call global $product, you need to wrap the rest of the function in an if($product) { ...do stuff here } statement. This will…

Read More

Monday, September 19, 2022

Add Accessibility to the Oxygen Tabs

WordPress Custom Code Oxygen Builder

This snippet is currently under development. I found it working only in MS Edge browser. If you want to use Tabs element and make your site accessible with keyboard, then you should be worried about this element. By default, you cannot make this element accessible…

Read More

Wednesday, September 14, 2022

Display only parent categories in WordPress

WordPress Custom Code

If you want to list all Post Categories in WordPress without displaying the child categories, then you must use parent = 0 in the query. Here is the example which display the category links wrapped by the DIV.

Read More

Wednesday, September 14, 2022

Sticky Post badge in Oxygen builder Repeater

WordPress Custom Code Oxygen Builder

If you want to display badge over your posts displayed within Oxygen Builder Repeater element in WordPress, than I hope I have a solution for you. Set the post to be sticky (featured) in the Gutenberg editor: Add Sticky (Featured) post badge to repeater Add…

Read More

Wednesday, September 14, 2022

Add WooCommerce Sold Out Badge in Oxygen Builder

WordPress Custom Code Oxygen Builder WooCommerce

Learn how to add Sold Out badge within WooCommerce Oxygen integration.

Read More

Monday, September 12, 2022

Inline SVG bottom padding in Oxygen Code Block

WordPress Custom Code Oxygen Builder

If you use the SVG file inline in Oxygen Builder Code Block element, you may encounter a little padding at the bottom of your code block. To fix this issue, just add this to your custom CSS stylesheet: Your problem should be fixed 🙂

Read More

Thursday, August 25, 2022

Display post categories without links in Oxygen builder

WordPress Custom Code Oxygen Builder Plugins

If you want display post categories without the links in repeater or in post page without link to the category archive, you can use the code below. If you want to change the separator, change this: To whatever you want... for example: If you need…

Read More

Thursday, August 18, 2022

Display Oxygen Reusable part or template with PHP code

Custom Code Oxygen Builder

If you want to have your website semantic and use lot of custom code, sometimes you need to add Oxygen part into your custom PHP (for example in code block). How to display Oxygen Parts with PHP? Just use this small echo code and change…

Read More

Monday, June 20, 2022

Add featured images support for Page post type in WordPress

Custom Code WordPress

If you want to use featured images with Pages in WordPress, you must add the support for them. You will do that with your custom code plugin, or code snippets plugin like advanced scripts.

Read More