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…
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:
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…
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:
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…
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?…
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:
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.
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…