Home Forums Basel support forum Color and Image Swatches for Variable Product Attributes

Color and Image Swatches for Variable Product Attributes

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

    pedromdinis
    Participant

    Hello

    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

    Attachments:
    You must be logged in to view attached files.
    #138285

    Hello,

    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)