Tagged: 

This topic contains 17 replies, has 2 voices, and was last updated by Elise Noromit Elise Noromit 1 week ago.

Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • #229439

    sandrofinoribeiro
    Junior consultant

    Hello!

    Its possible to add different labels to the product photo, i already saw where to activate the “New” label, where or how can i had other labels like “On Sale” or “Awarded”?

    Thanks,
    SR

    Private Content Hidden
    #229501

    Hello,

    You can create an attribute with different attribute items as per your needs and then in Products > Attributes > enter the attribute and enable “Show attribute label on products”

    A result, your product image would have the label.

    Best Regards

    #229540

    sandrofinoribeiro
    Junior consultant

    Thanks!

    Private Content Hidden
    #229575

    sandrofinoribeiro
    Junior consultant

    Elise,
    Only one more question about labels, how can i change the color of default label for “NEW” and discount on sale products ex: “15%” ???
    Thanks,
    SR

    Private Content Hidden
    #229663

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    body .labels-rounded .onsale{
    background:red;
    color:yellow;
    }

    If you do not need to change the background, remove this line: background:red; set the colors as per your needs.

    body .labels-rounded .new{
    background:red;
    color:yellow;
    } 

    Best Regards

    #229856

    sandrofinoribeiro
    Junior consultant

    Thanks.

    And how can we increase the size of the product labels, like the “NEW”, the “ON SALE” and the ones we configure in attributes?

    Thanks,
    Sandro

    Private Content Hidden
    #230023

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    .product-label.onsale {
    	height: 70px;
    	width: 70px;
    }
    .product-label.new {
    	height: 70px;
    	width: 70px;
    }

    Best Regards

    #230175

    sandrofinoribeiro
    Junior consultant

    And how to change the size of the ones we configure in attributes?

    Private Content Hidden
    #230178

    sandrofinoribeiro
    Junior consultant

    If i change this, for example, to 80px:

    .product-label.new {
    height: 80px;
    width: 80px;
    }

    doesn´t appear a circle as you can see in the attached image.

    Thanks,
    SR

    Private Content Hidden
    #230179

    sandrofinoribeiro
    Junior consultant

    with attached image…

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

    sandrofinoribeiro
    Junior consultant

    How can i increase the size of the font inside “ON SALE” label? The percentage of the value?
    Thanks,
    SR

    Private Content Hidden
    #230224

    Hello,

    Please add this line to each code: border-radius:50%;

    Best Regards

    #230321

    sandrofinoribeiro
    Junior consultant

    How can i increase the size of the font inside “ON SALE” label? The percentage of the value?
    Thanks,
    SR

    Private Content Hidden
    #230358

    Hello,

    Please replace the code with this one:

    .product-label.new {
    height: 80px;
    width: 80px;
    border-radius:50%;
    }
    .product-label.onsale {
    	height: 80px;
    	width: 80px;
    border-radius:50%;
    }

    Best Regards

    #232537

    sandrofinoribeiro
    Junior consultant

    Hello,
    How can i increase the size of the FONT inside “ON SALE” label? The percentage of the price discount?
    Thanks,
    SR

    Private Content Hidden
    #232721

    Hello,

    Please replace this code:

    .product-label.onsale {
    	height: 80px;
    	width: 80px;
    border-radius:50%;
    } 

    With this one:

    .product-label.onsale {
    	height: 80px;
    	width: 80px;
    border-radius:50%;
    font-size: 20px;
    }

    Change the font-size as per your needs.

    Best Regards

    #232843

    sandrofinoribeiro
    Junior consultant

    Hello!

    How can I change the size of the Labels we configure in attributes?

    Thanks,
    SR

    Private Content Hidden
    #232880

    Hello,

    You need to change (increase/decrease) width and height:

    	height: 80px;
    	width: 80px; 

    Best Regards

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

You must be logged in to reply to this topic.