Category: Custom Code
With articles also related to:
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…
Aleš Sýkora wrote:
Oxygen Repeater Pagination not working on homepage
July 20, 2021 in Custom Code, Oxygen Builder, Plugins, WordPress
When you use repeater on static front-page of your WordPress site and you also wants to use pagination – it doesn’t work at all. It stops at /page/2 and never display /page/3. It still repeat the second page. However – it looks like Oxygen bug, but it is not. As you can see: https://codex.wordpress.org/Pagination#static_front_page. To…
Aleš Sýkora wrote:
Oxygen Front-end styles in Gutenberg
July 16, 2021 in Custom Code, Oxygen Builder, Plugins, WordPress
You may want to display the content when editing in Gutenberg editor with your frontend Oxygen Styles included. It is possible with But the challenge is that Oxygen is creating CSS files for all your Custom Stylesheets you made inside the editor. So you propably want to include them all. That’s possible with PHP function…
Aleš Sýkora wrote:
ACF Masonry Left to right ordered Gallery in Oxygen Builder /w Colcade
November 28, 2023 in Custom Code, Oxygen Builder, Plugins, WordPress
Would you like to use ACF masonry gallery with left to right flow of images? Good, let’s do that! But at first, why not to use standard Gallery module in Oxygen Builder? The problem with Oxygen Masonry gallery The main problem is ordering of images. Standard masonry layout is made by Flexbox columns. So Your…