This members-only tutorial provides the steps to set up a Template in Oxygen that applies to WooCommerce single products that is made up of individual components vs the default Product Builder where it is not possible to make changes without rebuilding it entirely.

Adding the Product Builder component inside a Section in the Template for single products will result in:

Now let's say you want to add or delete one of the elements from the above or adjust the spacing it is not possible unless we re-build the layout and add individual components before we can make any changes.

I have re-created this layout using separate components and am going to share the generated shortcodes so you can quickly paste these in the Template and begin customizing the layout.

Note: Tested in Atomic design set.

Step 1

Go to Oxygen > Templates.

Create/edit the Template that applies to Singular Products.

Click on + Shortcodes.

Copy the existing shortcodes (if present) and save them as a backup.

Replace all the shortcodes with:

This is a premium members-only content.

To view the rest of the content, please sign up for membership ($27/month or $169 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

Comments

For adding code blocks wrap the code in three backticks. Markdown should work.
Provide a URL of your site/webpage if something is not working.
  • magnifiercross
    >
    linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram
    %d bloggers like this: