Category: Oxygen Builder
With articles also related to:
Aleš Sýkora wrote:
Oxygen 4.0 – fix Swiper.js slider
November 28, 2023 in Custom Code, Oxygen Builder, Plugins, WordPress
After Oxygen 4.0 update you may encounter problem with Swiper slider used within repeater. To fix this problem, add this CSS styles. The Swiper.js repeater problem after Oxygen 4.0 Fix it back to normal appearance What to do? Just add a little CSS to make it working like normal: I am using the class .swiper-wrapper…
Aleš Sýkora wrote:
Check if current post has child in WordPress
November 28, 2023 in Custom Code, Oxygen Builder, Plugins, WordPress
When you are in situation, where you want to check if current post has a child posts, then you need to add custom function. It’s the easiest way how to do it. Check if post has childs programatically You can add this function to your code snippets plugin or custom funcionality plugin (I am using…
Aleš Sýkora wrote:
Display post tags without links in Oxygen builder
November 28, 2023 in Custom Code, Oxygen Builder, Plugins, WordPress
If you add the post_tag by dynamic data option in text block – for example in post or in repeater – then it displays the tag as a link to the tag’s archive. You can do the same to display categories without links in Oxygen builder. But what if you don’t want the tag archive…
Aleš Sýkora wrote:
WP Rocket – Delay JavaScript execution with Oxygen and OxyExtras
November 28, 2023 in Oxygen Builder, Plugins, WordPress, WP Rocket
When using WP Rocket, you may speed up your site with delaying .js execution. You can encounter some issues when using it with Oxygen builder. Then you need to exclude some scripts from delaying. When using Oxygen Pro Menu element When using OxyExtras Pro Media player When using WooCommerce Stripe plugin
Aleš Sýkora wrote:
ACF repeater slider with Splide.js and Oxygen Builder
November 28, 2023 in Custom Code, Oxygen Builder, Plugins, WordPress
If you want to create custom slider, you may take some 3rd party js library. I will use the Splide.js in this tutorial, but you can also use flickity or other. I will also use Oxygen WordPress builder, but this can be done with every theme. Create ACF repeater field Install ACF and create Field…
Aleš Sýkora wrote:
Oxygen Pro Menu Vertical divider between items
November 28, 2023 in Custom Code, Oxygen Builder, Plugins, WordPress
If you want to add a vertical dividers between menu items, it’s simple. Just add the border-right to each (but not last) item in the menu. You can use and modify this code to add the vertical lines: Change the .pro-menu-class to your class: And customize the border-right values – width, type of border and…
Aleš Sýkora wrote:
Load Gutenberg Styles only if page has blocks
November 28, 2023 in Custom Code, Oxygen Builder, Plugins, WordPress
Trying to speed up your site? You may want to disable Gutenberg block style libraries on pages and posts which doesn’t have any blocks. Add this code to your custom snippets and test it. It should disable loading of Gutenberg styles when not needed. It works with Oxygen Builder and Advanced scripts – I have…
Aleš Sýkora wrote:
Get ACF taxonomy field for current post in Query
April 5, 2022 in ACF, Oxygen Builder, Plugins, WordPress
For a situation where you need to display ACF taxonomy field for current terms assigned to the post in the WP Query, you may need the code below. Why to use ACF taxonomy field? It’s easy. I am using this for SEO purposes. How? I am creating website for language school. My taxonomy is called…
Aleš Sýkora wrote:
Display only parent posts with repeater dynamic query in Oxygen builder
November 28, 2023 in Oxygen Builder, Plugins, WordPress
If you need to display only parent pages or posts, you just need to put post_parent = 0 parameter to your dynamic query in Oxygen builder. So it will work like normal WordPress query:
Aleš Sýkora wrote:
Get first term of current post in WordPress query
March 24, 2022 in Custom Code, Oxygen Builder, Plugins, WordPress
If you want to display only one first term assigned to your post, add this code. It will add a link to the category with CSS class with category slug, so you can style it separately from other categories. This snippet will get all terms assigned to the post with get_the_terms function. You can also…