Home Forums Basel – Premium Template Color and Image Swatches for Variable Product Attributes

This topic contains 1 reply, has 2 voices, and was last updated by Elise Noromit Elise Noromit 3 months, 3 weeks ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #138247



    How can I configure the product page in order to appear, color and size, as presented in the attached images.

    Need some extra plugin?

    Best Regards

    Pedro Dinis

    Private Content Hidden
    • This topic was modified 3 months, 3 weeks ago by  pedromdinis.
    You must be logged in to view attached files.


    Thank you very much for choosing our theme and for contacting us.

    You need to configure a variable product.

    A variable product is a product which has more than one option in attributes, for example, color, size, material. Instruction on how to create an attribute: https://docs.woocommerce.com/document/managing-product-taxonomies/ as soon as the necessary attributes are available, a variable product can be created https://docs.woocommerce.com/document/variable-product/

    Now you need to configure the attribute swatches. Swatches are enabled in Dashboard -> Products -> Attributes -> chose the attribute -> Configure Items -> Edit -> Enable swatch. All the attributes would be presented as text instead of a drop-down.

    Swatches may be presented as a featured image taken from product variations. This option is provided in the Theme Settings > Shop > Attribute swatches > Grid swatch attribute to display – choose pa_color (the color attribute, for example) and “Use images from product variations” should be enabled. The variable product should have featured image for each variation.

    Best Regards

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.