Single product snippets
-
Redirect to page if only 1 result is found
Use this code to redirect a viewer directly to the page, if only 1 search result is found. Useful when people know exactly the model number they want for an ecom store.
Category: WordPress -
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.…
-
WooCommerce Product Slider with flexslider js in Oxygen
Create template that applies to Singular Products with Oxygen or if you have already created then edit. Add a Code Block where you want to display the product slider. Advanced > Size & Spacing > Width: 100%. PHP & HTML: I have added flexslider js and css CDN live link. So you can do on…
-
Show/hide section based on Number of WooCommerce Upsells in Oxygen on single product
1st Step Install and activate Code Snippets plugin. Add below code in code snippets: 2nd Step Edit the Oxygen Template that applies to woo single products. For the element you want to apply the “minimum 1 upsell” condition, click on Conditions icon then Set Conditions. Click “Add Condition” icon. Choose Dynamic Data condition. Under Advanced click PHP Function Return value. Function Name: wpl_check_upsell_product…
3rd party plugins actions admin archive attachment block-themes Blocks build Category compression config CPT CSS Custom Post Developer development editor Front End full site editing githubpages gutenberg hook Image img livereload load styles malware mu-plugin Must Have npm Oxygen pages php port redirect repeater security single product Taxonomy Tips Topbar webpack WooCommerce wordpress WP Admin