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 ($37/month or $399 one-time).

Already a member? Log in below or here.

Need help implementing a tutorial in your site or want to hire me for custom work?

HIRE ME

Find the article helpful and wish to donate?

DONATE
magnifiercross
>
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram
%d bloggers like this: