Home › Forums › WoodMart support forum › show color variation to the product grid

show color variation to the product grid

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 23, 2019 at 7:23 am #139988

    KH
    Participant

    How can I show color variation to the product grid like this? Pls see the attached pic.

    Attachments:
    You must be logged in to view attached files.
    August 23, 2019 at 9:49 am #140031

    Elise Noromit
    Member

    Hello,

    This option is provided in the Theme Settings > Shop > Attribute swatches > Grid swatch attribute to display – choose pa_color (the color attribute).

    Best Regards

    August 23, 2019 at 3:51 pm #140109

    KH
    Participant

    I create one attribute named “pattern”. In that pattern attribute I add 3 sets of patterns assigned to different 3 product variations. Then I go to Theme Settings > Shop > Attribute swatches > Grid swatch attribute to display – Choose “pattern” attribute. However, only one grid show its set pattern while the other two grids not showing their patterns. Pls see attached pic.

    Attachments:
    You must be logged in to view attached files.
    August 23, 2019 at 4:25 pm #140121

    Elise Noromit
    Member

    Hello,

    The product which has the swatches is a variable product. Only variable products can have the swatches on the product grid.

    Just for your information:

    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/

    Best Regards

    August 23, 2019 at 4:43 pm #140127

    KH
    Participant

    I don’t understand what you mean. Could you pls log in to my admin to check what I miss? I think it’s the fast way to solve the problem.

    August 23, 2019 at 8:19 pm #140133

    Elise Noromit
    Member

    Hello,

    Please check all your steps:

    1. Enable swatches in the attributes: Swatches are enabled in Dashboard -> Products -> Attributes -> chose the attribute -> Configure Items -> Edit -> Enable swatch

    2. Add an image or color to the attribute: it is necessary to set the color in “Color preview for this value” in the Attribute item.

    3. Create variable products https://docs.woocommerce.com/document/variable-product/

    4. Enable showing the color attribute on the product grid: the Theme Settings > Shop > Attribute swatches > Grid swatch attribute to display – choose pa_color (the color attribute).

    The color attribute will appear to all the variable products of the shop.

    Best Regards

    August 24, 2019 at 1:50 am #140144

    KH
    Participant

    Hi,

    – It’s okay now as you can see in the attache pic1. Actually I need to show images not color on the grids. Sorry for not being to the point.

    – I have another question about this. Why not all images in the gallery not zoomable, only the one added in the variation can be zoomed. Pls see the attached screenshots (pic2 and pic3).

    Attachments:
    You must be logged in to view attached files.
    August 24, 2019 at 8:03 am #140160

    Elise Noromit
    Member

    Hello,

    If you want to show images you can add images to the product variations http://prntscr.com/kk870w

    Or you can add an image into “Image preview for this value” of the attribute item.

    You can zoom only the main image. The thumbnails are not zoomable by their nature, because they are the preview.

    Best Regards

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)