Category: Custom Code

With 209 articles also related to:

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…

Continue reading

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 */…

Continue reading

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…

Continue reading

Aleš Sýkora wrote:

How to Enable Page Excerpt in WordPress

November 28, 2023 in Advanced Scripts, Custom Code, Plugins, WordPress

Page Excerpt is disabled by default in WordPress post type Page. Excerpts are enabled for WordPress Posts, but I am not sure, why not for Pages. So, if you need to use the Excerpt in Wordpress Pages, you must add the functionality with the WordPress PHP filter. You can simply put the code in your…

Continue reading

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…

Continue reading

Aleš Sýkora wrote:

Automatically change text color by content of pricing table

November 28, 2023 in Custom Code, WordPress

Imagine you are creating a pricing table with two or more text options like: YesNoSpecial You want user to have a fine experience when adding the pricing table. So you want each option to have special color without forcing user to add some html classes. So define your table by table-cells or flexboxes and add…

Continue reading

Aleš Sýkora wrote:

Dequeue WooCommerce JS and CSS

September 28, 2021 in Custom Code, Plugins, WooCommerce, WordPress

If you do not use default WooCommerce Photoswipe lightbox, flexslider and other libraries, you can dequeue them for faster loading of your site. I am doing that especially when I use the Oxygen Builder because in most times I build my own product galleries with fancybox. How to do Dequeue WooCommerce JavaScripts and CSS styles?…

Continue reading

Aleš Sýkora wrote:

Translate Step status in multistep Fluent Form

November 28, 2023 in Custom Code, Fluent Forms, Plugins, WordPress

If you need to translate the “Step 1 of xx” in fluent forms, you can use this filter to do that. Just put it in your code snippets plugin (for example Advanced scripts) and change the ‘Step’ and ‘of’ to needed words. If you use titles for step names, use this code instead:

Continue reading

Aleš Sýkora wrote:

How to set scroll to the top with jQuery on click button

September 14, 2021 in Custom Code, WordPress

Create a button and set an ID to it. Then change the #submitButton in code below to your button ID and save. In Oxygen Builder, you can use a code block for this Javascript.

Continue reading

Aleš Sýkora wrote:

How to use Infinite Scroll in Repeater element of Oxygen Builder

November 28, 2023 in Custom Code, Oxygen Builder, Plugins, WordPress

If you want to use the “Load more” button when using repeater, you can do that with .JS library called “Infinite Scroll”. Load Infinite Scroll script from CDN (I am using Advanced Scripts again). For a speed purposes – use conditions to make it load only on pages where you need to use it. Current…

Continue reading