-
woocommerce product custom gallery slider example
Here is an example code snippet for creating a custom gallery slider for WooCommerce products: In this example, we are using the woocommerce_product_thumbnails action hook to add a custom gallery slider to the product page. We are using the Owl Carousel jQuery plugin to create the slider and enqueueing its required CSS and JS files.…
-
Notify Admin When New Account Is Created
Add this code to your child theme’s functions.php file or via a plugin that allows custom functions to be added, such as the Scripts organizer plugin. Avoid adding custom code directly to your parent theme’s functions.php file, as this will be wiped entirely when you update the theme.
-
Prevent Specific Javascript/jQuery script to run in Oxygen
Note : The use-cases for this are below : 1. Using Swiper Slider and want to edit all the slides in Oxygen and show slider view only on front-end. 2. Using Scripts that runs only on front-end or load after the page-load. In Oxygen builder they displays an error like ‘SCRIPTNAME’ is not defined or…
Category: Oxygen
Tags: Tips -
Pause Oxygen Slider on Hover
If you need to pause the Oxygen Slider Element on hover, it is not there by default. Just use the below Javascript (jQuery) in a code-block on the and add the below code to JS section. Note : Just comment the PHP/HTML content middle Line.
Category: OxygenTags: Tips -
Remove Widget Title Conditionally
If you want to remove the widget title conditionally just use the below code-snippet. I’m using Scripts Organizer to add it, you can also do it via any Code Snippet or functions.php if you are using a theme. Steps to use it in Scripts Organizer : Add a new code block, Set Trigger Location to…
-
Disable FOUC on Oxygen Slider Element
The Oxygen slider element shows all slides once in a flash on page load then go correct styling. This is called FOUC (Flash Of Unstyled Content). If you are facing the same issue, here is the solution. Just follow steps. Copy your slider element ID in somewhere like notepad and add an extra class to…
Category: OxygenTags: Tips -
Register Sidebar for Oxygen Builder
As Oxygen Builder disables the theme, so as there is no sidebar is available for using widgets from WordPress Admin area and WordPress Customizer. Here is the code to add a sidebar (widget area) as a solution. As a developer and having knowledge of Oxygen, you can do it in Oxygen natively but for the…
Category: OxygenTags: Tips -
Reload bellow the fold in same place
The most annoying thing when you are working with animations or even with CSS is definitely when you are working on something that is below the fold, and with each refresh, you need to scroll again to see the changes. This code snippet will help you with that. It will scroll to the same position…
Category: jQuery
Tags: Tips -
Live Reload with Scripts Organizer
We all hate switching between browsers, save, switch, reload. This is a nice workaround until we create it as a build-in feature. Set it between 1500 ( 1,5 sec ) and 3. Less is too fast and if set as more you will wait too much. Set it as Conditions > Header and activate Exclude…
Category: WordPressTags: Tips
3rd party plugins admin after_body Alt archive Blocks Category clean up composite elemenets core CPT CSS Custom Custom Post Dashboard flexslider Front End FSE full site editing Gallery hook HTML Image load styles Must Have notice Oxygen Password Permalink plugins Post List Publish Date repeater settings page share single product Taxonomy Taxonomy Term themes Tips Topbar WooCommerce wordpress WP Admin WPML