Home Forums Basel support forum How show Label variation

How show Label variation

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #14062

    italyana
    Participant

    Hello,

    how can I show the label for variation, like “size:” or “color:” follow by the variation, in the product page?

    I saw them in your demo online, for example in product “Basic contrast sneakers”
    https://demo.xtemos.com/basel/shop/shoes/basic-contrast-sneakers

    but looking the same example in my theme copy the label “color” doesn’t appear and appear only the different color variation.
    http://www.alchimiabeachwear.com/product/variable-product-example

    Thanks

    Andrea

    #14066

    Artem Temos
    Keymaster

    Hello,

    Thank you for choosing our theme and contacting us.

    We can’t see your website, but we think that you are using a different product page design from our demo. Try to change it to default in Theme Settings -> Product Page.

    Kind Regards
    XTemos Studio

    #14069

    italyana
    Participant

    Hello,

    sorry I forgot that my page was in maintain mode, but thanks for the info.

    So, now that I found the solution, I ask you, how can make appear these labels when I use the “Alternative” Product page design ?

    Kind Regards

    Andrea

    #14070

    Artem Temos
    Keymaster

    Sorry, but this layout is not designed to have labels before variations images or dropdowns.

    #14071

    italyana
    Participant

    But, is it possible to modify and add them? And if yes, how?

    #14072

    Artem Temos
    Keymaster

    Could you please provide us an access to your website so we can check if it is possible to show them with custom CSS or not?

    #14073

    italyana
    Participant

    Hello,

    I created an account for you :

    #14077

    Artem Temos
    Keymaster

    Sorry, but we can’t login with this username and password.

    #14081

    italyana
    Participant

    Sorry,

    there was an error, try now:

    #14104

    Artem Temos
    Keymaster

    OK, you can try to add this code snippet to the Custom CSS field in Theme Settings. It allows you to display labels about variations. It is the only one workaround that we can propose you

    .product-design-alt .variations td.label {
        display: block;
      width:100%;
      margin:0 0 10px 5px;
    }
    
    .single-product-content .variations td {
    	display:block;
    }

    Regards

    #14106

    italyana
    Participant

    Thanks,

    but, is it possible to align the labels “size” and “color” with the relatives swatches, like happen in the default page style?

    Regards

    Andrea

    #14108

    Artem Temos
    Keymaster

    Sorry, but it is not possible with this layout.

    #14109

    italyana
    Participant

    Ok, thanks anyway

    #14115

    Artem Temos
    Keymaster

    You are welcome!

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