Home Forums Basel – Premium Template How to add different sizes and colour on products?

This topic contains 9 replies, has 3 voices, and was last updated by Elise Noromit Elise Noromit 3 days, 8 hours ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #149430
    aroka_official
    aroka_official
    Customer

    Hi,

    I am not able to find the option to add different sizes and colour of the products on product page.

    As seen in basel demo page.

    Thanks.

    Private Content Hidden
    Attachments:
    You must be logged in to view attached files.
    #149439

    Hello,

    Swatches are enabled in Dashboard -> Products -> Attributes -> chose the attribute -> Configure Items -> Edit -> Enable swatch. Swatches can be configured for global attributes only.
    In order to show the attribute item as color swatches, it is necessary to set the color in “Color preview for this value”.
    There is an option to display the swatches as images uploaded to “Image preview for this value” of the attribute item. The color from “Color preview for this value” should be cleared. In this case, the color, for example, =Red= would have one and the same image for all the products.
    In order to show featured images taken from product variations in swatches, it is necessary to enable the option 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. In this case color, for example,= Red= would have the image taken from the product variation which is set for red variation.

    Best Regards

    #149449
    aroka_official
    aroka_official
    Customer

    Hi Elise,

    I have added the attributes for sizes and colour as you directed.

    But how to show it on the product page as shown in image attached?

    Thanks.

    #149485

    Hello,

    You need to create a variable product.

    As soon as the necessary attributes are available, a variable product can be created, instructions on how to create a variable product is here https://docs.woocommerce.com/document/variable-product/

    Best Regards

    #149559
    aroka_official
    aroka_official
    Customer

    Thanks Elise!

    I have created as instructed in the link but the size variations are now visible on product images(shared in screenshot) also i wanted the sizes as shown in demo version(also shared in screenshot)

    Thanks.

    Private Content Hidden
    #149573

    Hello,

    Please provide the site admin access to the private area.

    Best Regards

    #149606
    aroka_official
    aroka_official
    Customer

    Elise please find the login details in private area.

    Thanks.

    Private Content Hidden
    #149645

    Hello,

    Please update your theme taking into consideration these suggestions: https://xtemos.com/docs/basel/faq-guides-2/4-x-5-0-migration-guide/

    Next, enable swatches Dashboard -> Products -> Attributes -> chose the attribute -> Configure Items -> Edit -> Enable swatch

    You have added the attributes, however, you have not created variations. Please create a variable product as per instructions https://docs.woocommerce.com/document/variable-product/

    Best Regards

    #149702

    Hi,

    I read your messages before posting!

    I followed and saw all the tutorials on the subject. I am using the BASEL5.0 premium version

    I created my two lists attributes, size and color with all the specifications.

    1 – If I activate grid swatch attribute be shown on products grid on COLOR. I have nothing that appears on the grid.

    2- (SCREEN 1) If I enable grid swatch attribute on grid on SIZE, they are displayed on the grid.

    3 – (SCREEN 2)Grid swatch attribute shown on products grid on SIZE, is still active, on size 14 I activate preview for this value BLACk and disable Enable watch, it works!

    4 – (SCREEN 3) If I activate grid swatch attribute I will be shown on products grid on COLOR. I repeat the exercise of point 2 and 3 I have no display!

    should you remove the color attribute and generate a new one? do you have to rename the attribute Size by color to see them displayed on the grid?
    What is the solution?

    Let me know…

    Bye

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

    Hello,

    1. Enable the swatches: Dashboard -> Products -> Attributes -> chose the attribute -> Configure Items -> Edit -> Enable swatch and swatches would be the text not the dropdown

    3. Add color and image into the swatches https://prnt.sc/pi8ke2 and https://prnt.sc/pi8kh1

    4 Create variations: https://docs.woocommerce.com/document/variable-product/

    Best Regards

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

You must be logged in to reply to this topic.