View Product Page

Variations in shop & archive pages

Through the plugin General options, you can choose to show single product variations on default WooCommerce shop and archive pages.

Show variations as separate products

Enable the option Show variations as separate products and decide whether to show or hide the parent product by enabling/disabling the option Hide parent products. If hidden, only the variations of the products will be visible in the loop.

If you want to keep the order and sequentially show the same products, enable the option Order products by ID.

Please note – for the product variations to show as separate products, it is essential to enable the option Show in archive pages? in each variation on the product edit page. Show in archive pages

This is an example of separate product variations shown on the Shop page.

Separate variations on Shop page

In this section, you can also set other options to offer users a better purchase experience.

  • Allow attributes selection in shop and archive pages: by enabling this option, users can select the product variation on shop and archive pages without being redirected to the product page ;
Selection disables
Selection disabled
Selection enabled
  • Show only specific attributes on shop archive pages: use this option to show only specific attributes in the shop page.
No attributes selected
Specific attribute selected
  • Variations form position in archive pages: choose whether to show the product variations before or after the Add to cart button;
Show variations before Add to cart
Before Add to cart button
Show variations after Add to cart button
After Add to cart button
  • Enable AJAX form in archive pages: use this option to enable/disable Ajax on archive pages;
  • Customize the “Add to cart” button label: enable this option if you want to show a custom text for the Add to cart button;
  • Label for the “Add to cart” button: enter the custom text to show for the Add to cart button when users select a product variation.
Add to cart custom label

Variations in product pages

Variations on product pages

The first option you can find in this General options section is the one to choose the variation layout for the product pages. You can choose from:

  • Inline
  • Separate lines
Inline layout
Inline
Separate lines layout
Separate lines

The other settings are:

  • Show attribute description: by enabling this option, the attribute description will show on the product page;
  • Replace product image on hover: by enabling this option, the product image will be replaced with the image of the variation when the user hovers over it.
Replace image
  • Show custom attributes on “Additional Information” Tab: enable this option if you want to show the custom attributes style in the “Additional Information” product tab.
Additional information tab

Variations on Cart page

By enabling this option the users will be able to edit the selected variations directly in the cart page.


And a new button ”Edit” will be available.


By clicking the button a modal window will be available to let you edit and update product variations.