Category: Oxygen Builder
With articles also related to:
Aleš Sýkora wrote:
Query all posts from category with category__in instead of tax_query in Oxygen Advanced Query builder
November 28, 2023 in Custom Code, Oxygen Builder, Plugins, WordPress
If you want query some posts from one category, you don’t need to build the tax_query. You can use simpler solution, the category__in parameter. For example, you need to show 3 latest posts from media-mentions category. So go to the administration and find your taxonomy id. Mine is 13 so I will use it like…
Aleš Sýkora wrote:
Display WooCommerce variation price as main price in Oxygen Builder
December 6, 2023 in Custom Code, Oxygen Builder, Plugins, WooCommerce, WordPress
To display the variation price as the main price within Oxygen Builder and WooCommerce, you need the JS snippet.
Aleš Sýkora wrote:
Repeater pagination position FIX for Oxygen Builder
November 28, 2023 in Oxygen Builder, Plugins, WordPress
If you use repeater in Oxygen Builder you may already know, that pagination component is on same position as columns. So when you use the grid in repeater, you may encounter it at wrong position. How to fix it? Just add this to your CSS: For CSS Grid: For flexbox: And after that, position in…
Aleš Sýkora wrote:
How to use Highlight.js with WordPress and share your code
November 28, 2023 in Custom Code, Oxygen Builder, Plugins, WordPress
Would you like to use Highlighter for sharing your custom code in articles created in Gutenberg editor? No need to install plugins. Just use the Highlight.js library. This library will highlight everything between <pre><code>YOUR CODE</code></pre>. I was using Google highlighter in the past, but since it is deprecated, my favourite is highlighter.js. Today I will…
Aleš Sýkora wrote:
Free Cookie Consent in WordPress with Tag Manager Consent Mode
November 28, 2023 in Advanced Scripts, Custom Code, Oxygen Builder, Plugins, WordPress
This tutorial is created for all people who try to set up their EU cookie consent with WordPress website (and with Oxygen builder). I am using open source projects from Orest Bida – Send hype to this boy!! This tutorial will show how to prepare Cookie Consent with Google Analytics – with Google Consent Mode…
Aleš Sýkora wrote:
Custom PDF Invoices & Packing Slips templates with Oxygen Builder
November 28, 2023 in Oxygen Builder, Plugins, WooCommerce, WordPress
You propably already know, that Oxygen builder disable your WooCommerce theme completely. That may sometimes be a problem – for example when you want to override some template files. Recently, I have found quite hard to create custom template for my Invoices with WooCommerce PDF Invoices & Packing Slips plugin by WP Overnight. So I…
Aleš Sýkora wrote:
Open and close OxyExtras lightbox when element clicked or hash in URL
February 4, 2022 in Custom Code, Oxygen Builder, Plugins, WordPress
Thanks to the OxyExtras support, we can use custom elements to open and close their lightbox element. You just need to add the code below to the code block and add CSS classes. Opening element: .open-lightboxClosing element: .close-lightbox jQuery(document).ready(function($) { let openSelector = ‘.open-lightbox’; let closeSelector = ‘.close-lightbox’; let hash = ‘form’ /* yourwebsite.com/#form */…
Aleš Sýkora wrote:
WP Rocket lazy load iframes fix for Oxygen builder
November 28, 2023 in Custom Code, Oxygen Builder, Plugins, WordPress, WP Rocket
If you use the WP Rocket cache and it’s lazyloading for iframes/videos, you can encounter strange padding bottom on Oxygen Builder Video element. To fix it, you need to set padding-bottom unset according to WP Rocket support. Setting up the WP Rocket is easy: To fix the issue, add this CSS to your custom CSS…
Aleš Sýkora wrote:
Oxygen two columns WooCommerce Cart
November 28, 2023 in Custom Code, Oxygen Builder, Plugins, WooCommerce, WordPress
If you want better user experience with your WooCommerce store, you may need Two columns WooCommerce checkout. But maybe, you would like to offer this experience also in the Cart. If you want two columns WooCommerce cart, use the CSS code below in your Custom CSS Stylesheet inside Oxygen Builder. What do you think? Is…
Aleš Sýkora wrote:
Order posts by ACF field in Oxygen Advanced query
November 28, 2023 in Oxygen Builder, Plugins, WordPress
If you need filter your advanced query by ACF field, you need to use the field as a meta_key and then order by meta_value. You can set it up in Advanced query builder in Oxygen builder like this: