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

This topic contains 39 replies, has 3 voices, and was last updated by Elise Noromit Elise Noromit 3 months, 3 weeks ago.

Viewing 30 posts - 1 through 30 (of 40 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

    #150251

    Hi,

    I usually create product variations there is not the source of the problem.

    I would like to see on my product grid the color swatches of the items.

    I want to show you something.

    I have two lists attributes, size and color. for the demonstration, they all have the same parameters.

    when I enable ATTRIBUTE SWATCHES> Grid swatch attribute to display> pa_taille. It shows me, the color pellet and its size.

    if I activate ATTRIBUTE SWATCHES> Grid swatch attribute to display> pa_color, nothing, where is my color pink?

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

    Hi,

    In attachment screenshots attribute settings and terms configuration…to follow up!

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

    Hello,

    I am checking this site https://a***a.in/a***ka.in/beta and colors are not configured http://prntscr.com/pjxkbh and http://prntscr.com/pjxk1v and there are two-variable products http://prntscr.com/pjxjn1 . Please update your site admin access, seems we checking two different sizes

    Best Regards

    #150488

    Hello,

    the update Basel 5.0 it’s done, please check my first message #149702

    I have two lists attributes watch it screenshots #150257

    What’s the solution?

    let’s me know quickly… thank

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

    Hello,

    We are talking about different sites. Please provide valid access to the admin area. This site has not been updated: https://prnt.sc/pk8747

    Best Regards

    #150532

    Hi,

    to follow up in private…

    Thank you

    Private Content Hidden
    #150535

    Hi,

    Basel 5.0 udapte its done, please check the screenshot…

    Thank you

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

    Hello,

    You have contacted us with the problem and provided this link https://aroka.in/aroka.in/beta/product/ethereal-flow-muslin-jamdani-checks-dress/

    Later you provided the access. And I have no other sites. I have the access to this site only https://aroka.in/aroka.in/beta/

    Please provide the valid access to the valid site.

    Best Regards

    #150708

    Hi,

    Seriously, I am a new customer, I’m not from the company Aroka!!
    I wrote my first message # 149702 October 11, 2019, we are October 18 and I still have no answer to my problem …

    Tell me if I need to open a new message to have the support agreed?

    Thank you

    #150753

    Hello,

    What site do you have the problem now? As I understand you are talking about right? Please provide access. Otherwise, I cannot help.

    Best Regards

    • This reply was modified 4 months, 1 week ago by Elise Noromit Elise Noromit.
    #150755

    Hi Elise

    you know my problem you have to read the history # 149702
    # 150251
    # 150257
    # 150488
    # 150532
    # 150535

    I give you the access code …

    Look in the private message

    Private Content Hidden
    #150831

    Hello,

    Yes, I need your site admin access. I need Admin rights. Please provide the same.

    Best Regards

    #150943

    Hi,

    All right…

    Thank you

    Private Content Hidden
    #151031

    Hello,

    Login and pass are not correct. Please provide access to admin area.

    Best Regards

    #151214

    Hi,

    Sorry, please check the pivate content…

    Best regards

    Private Content Hidden
    #151285

    Hello.

    I cannot log in. https://gyazo.com/fed28e3101258536a0a4b8fb3c2ea401
    Please disable all the blocking plugins and configurations for the while of checking.

    In addition, make sure the Catalo mode has been disabled in the Theme settings>Shop > Catalog mode.

    Then create global attributes https://docs.woocommerce.com/document/managing-product-taxonomies/

    Then configure the attributes as described in #149439

    Then add attributes to a product and create variable products with variations.

    If it does not work, deactivate all the plugins not related to the theme and switch the parent theme, check the issue, if the problem remains, leave the plugins not activated and provide the site admin access to the private area

    Best Regards

    #151919

    Hi,

    I cannot log in. https://gyazo.com/fed28e3101258536a0a4b8fb3c2ea401
    Please disable all the blocking plugins and configurations for the while of checking.

    NO! PLEASE READ THE PRIVATE MESSAGE
    AT THE END OF THE WP-ADMIN PASSWORD AFTER 8 THERE IS NO SIGN, THE CODE ENDORSES WITH FIGURE 8
    private content #151285

    So, I do exactly what you say, don’t run.

    THE BASIC PROBLEM COMES FROM THE COLOR ATTRIBUTE IS DO NOT RUN

    IF I DO IT WITH THE ATTRIBUTE SIZE IT WORKS I SEE THE COLOR PELLETS.

    WHY IT BUG WITH COOLING ATTRIBUTE?

    THANK TO FOLLOW UP

    #151986

    Hello,

    I tried credentials from #151214 and from #150943 No success.

    Such happens when you have a limitation on a country or other. Please deactivate all the blockings for the while we detect and solve the problem

    Best Regards

    #152048

    Hello,

    I see a variable product on your site with sizes and attributes.

    I provided you the documentation of Woocommerce on how to create a variable product. Adding color/size is effected in the same way. Here is the documentation: https://docs.woocommerce.com/document/variable-product/

    Enter the variable product: find the attribute tab https://gyazo.com/fe9a96c84c486866683f5725e5f281ae select all and delete those you do not need.

    Then enter the variations tab and create the variations from all the attributes https://gyazo.com/8b3bcbf69f486d8d87f78ee62ce28d6e

    I have tested and it works https://prnt.sc/pne8wm

    Please clarify the problem, if any.

    Best Regards

    #152159

    Hi Elise,

    frankly we go round in circles!

    I know how to create product variations! it’s not the subject of my problem.

    I want to get this result with basel 5.0 see the capsule!

    https://youtu.be/TITlJ6Zg0so?t=175

    the pa-color attribute is don’t run. Strange it goes well with the pa-size?

    Here is the demonstration

    1> I configure the color attribute
    https://gyazo.com/d6e407dda8f2ae82c245b3f60f7d5254

    2 / colors with preview
    https://gyazo.com/b5606fe76b9368e494175bcde43e1f07

    3 / shop> Attribute swatches I activate pa-color
    https://gyazo.com/f69ee058ed75531a28aceb7048cc3167

    4 / shop woman no color swatches on my items

    I’m trying with the pa-size attribute

    5 / https://gyazo.com/b00c05cae18d686a3d985848ad2cd08b

    6 / https://gyazo.com/ff4dd6cc6271fadbfcf27e05025e603d

    7 / I activate the preview color on size 14
    https://gyazo.com/273edcdee154b8f9aeb91a9801a41729

    8 / the proof
    https://gyazo.com/afa170c96f272fed2289c57a3a218666

    9 / refresh on my shop woman.
    the swatches color is displayed
    https://gyazo.com/f52c1b3eb0af34e30fd6aa7e5e9ba8a6

    10 / WHY COLOR ATTRIBUTE DOES NOT WORK?

    Private Content Hidden
Viewing 30 posts - 1 through 30 (of 40 total)

The topic ‘How to add different sizes and colour on products?’ is closed to new replies.