Published on Dec 3, 2019

WooCommerce Product Slider in Oxygen

Sridhar Katakam

Updated on December 19, 2019

This members-only tutorial provides the steps to replace the standard WooCommerce product gallery with a slider on single products in Oxygen.

For products that do not have a Product gallery, we shall display the featured image.

Step 1

Create/edit the Template that applies to Singular Products with Oxygen.

You may want to find this starter template useful.

If not, add a Section and inside that, Product Builder component.

Add a Code Block where you want to display the product slider.

Advanced > Size & Spacing > Width: 100%.

PHP & HTML:

This is a premium members-only content.

To view the rest of the content, please sign up for membership ($47/month or $499 one-time).

Already a member? Log in below or here.

tagschevron-leftchevron-rightchainangle-rightangle-upangle-downfolder-ocalendar-check-omagnifiercrossmenuchevron-downarrow-right