Home › Forums › Basel support forum › How to add different sizes and colour on products?

How to add different sizes and colour on products?

Viewing 30 posts - 1 through 30 (of 40 total)
1 2
  • Author
    Posts
  • October 10, 2019 at 11:33 am #149430

    aroka_official
    Participant

    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.

    Attachments:
    You must be logged in to view attached files.
    October 10, 2019 at 11:59 am #149439

    Elise Noromit
    Member

    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

    October 10, 2019 at 12:47 pm #149449

    aroka_official
    Participant

    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.

    October 10, 2019 at 2:55 pm #149485

    Elise Noromit
    Member

    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

    October 11, 2019 at 6:42 am #149559

    aroka_official
    Participant

    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.

    October 11, 2019 at 7:14 am #149573

    Elise Noromit
    Member

    Hello,

    Please provide the site admin access to the private area.

    Best Regards

    October 11, 2019 at 9:19 am #149606

    aroka_official
    Participant

    Elise please find the login details in private area.

    Thanks.

    October 11, 2019 at 12:02 pm #149645

    Elise Noromit
    Member

    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

    October 11, 2019 at 7:08 pm #149702

    christoff
    Participant

    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.
    October 12, 2019 at 6:49 am #149740

    Elise Noromit
    Member

    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

    October 15, 2019 at 3:49 pm #150251

    christoff
    Participant

    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.
    October 15, 2019 at 4:27 pm #150257

    christoff
    Participant

    Hi,

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

    Attachments:
    You must be logged in to view attached files.
    October 16, 2019 at 7:44 am #150361

    Elise Noromit
    Member

    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

    October 16, 2019 at 2:29 pm #150488

    christoff
    Participant

    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.
    October 16, 2019 at 6:55 pm #150526

    Elise Noromit
    Member

    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

    October 16, 2019 at 7:06 pm #150532

    christoff
    Participant

    Hi,

    to follow up in private…

    Thank you

    October 16, 2019 at 7:16 pm #150535

    christoff
    Participant

    Hi,

    Basel 5.0 udapte its done, please check the screenshot…

    Thank you

    Attachments:
    You must be logged in to view attached files.
    October 17, 2019 at 6:35 am #150596

    Elise Noromit
    Member

    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

    October 17, 2019 at 12:55 pm #150708

    christoff
    Participant

    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

    October 17, 2019 at 2:34 pm #150753

    Elise Noromit
    Member

    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

    October 17, 2019 at 2:55 pm #150755

    christoff
    Participant

    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

    October 18, 2019 at 6:37 am #150831

    Elise Noromit
    Member

    Hello,

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

    Best Regards

    October 18, 2019 at 1:40 pm #150943

    christoff
    Participant

    Hi,

    All right…

    Thank you

    October 19, 2019 at 7:14 am #151031

    Elise Noromit
    Member

    Hello,

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

    Best Regards

    October 20, 2019 at 5:09 pm #151214

    christoff
    Participant

    Hi,

    Sorry, please check the pivate content…

    Best regards

    October 21, 2019 at 6:56 am #151285

    Elise Noromit
    Member

    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

    October 23, 2019 at 1:54 pm #151919

    christoff
    Participant

    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

    October 23, 2019 at 7:19 pm #151986

    Elise Noromit
    Member

    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

    October 24, 2019 at 7:05 am #152048

    Elise Noromit
    Member

    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

    October 24, 2019 at 1:59 pm #152159

    christoff
    Participant

    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?

  • Author
    Posts

Tagged: 

Viewing 30 posts - 1 through 30 (of 40 total)
1 2

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