Category: WordPress
With articles also related to:
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:
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:
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:
Oxygen Builder: Advanced Custom Query examples
November 28, 2023 in WordPress
Current taxonomy query Suits good for Taxonomy archives for example. Top selling products in woocommerce category Needed args to get best products: Args to get current taxonomy: And together:
Aleš Sýkora wrote:
Oxygen Taxonomy Query multiple taxonomies and terms
November 28, 2023 in WordPress
You can use tax query when using Oxygen advanced query builder. If you want to display posts in categories in multiple taxonomies, you need to set it up right. Add tax_queryAdd relation AND | ORAdd tax_query arrays When you do this in code, it will look like this: When using oxygen, you need to construct…
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: