Tips snippets
-
WooCommerce Product Gallery Slider Without jQuery
A WooCommerce product gallery slider with CSS scroll snap and plain JavaScript: no jQuery, no CDN, assets only where the slider renders.
Category: WooCommerce -
Email Admin When a WooCommerce Customer Account Is Created
Send the WordPress New User Registration email to the site admin whenever a customer creates a WooCommerce account at My Account or checkout.
-
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: OxygenTags: 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 -
Hide a WordPress Widget Title With an Exclamation Mark
Hide the title of any classic WordPress widget by starting it with an exclamation mark, and keep the title in the widget admin.
Category: WordPress -
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 a WordPress Sidebar for Oxygen Builder
Register a WordPress sidebar (widget area) so clients on Oxygen Builder sites can manage widgets under Appearance → Widgets without opening the builder.
Category: OxygenTags: Tips -
Keep Scroll Position on Reload in WordPress
Reload a WordPress page and land at the same scroll position, handy while you style sections below the fold or preview Scripts Organizer changes.
Category: JavaScriptTags: Tips -
Live Reload in WordPress with Scripts Organizer
Reload the WordPress front end automatically when you save a Scripts Organizer code block. Admins only, visible tab only, no fixed-timer reloads.
Category: WordPressTags: Tips
3rd party plugins actions admin archive block-themes block editor Blocks block theme build capabilities core CSS Custom Post custom post types Developer development filters Front End full site editing gutenberg hook Image img load styles maintenance media mu-plugin Must Have npm Oxygen performance php plugins scripts organizer security SEO settings api single product theme.json Tips updates WooCommerce wordpress wp-cli WP Admin