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 1 week 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
    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.