Product label

I would like to know how I can add the web price tag, in some products.

Send reference photo

Attachments:

You must be logged in to view attached files.

Hello,

You would better create an attribute and show its label on the product. You will find this option in the product attribute. Then if you need we can customize with CSS as per your needs.

Best Regards

I would like the location of the attribute to be on the left hand side, the background to be colored, and the font larger.
How can I do it?

I send an example photo.

Attachments:

You must be logged in to view attached files.

Hello,

Please provide the page URL and color you want to apply, I will provide custom CSS.

Best Regards

I send what you requested.

I would like the attribute button to have the transparency effect as in the attached image.

Attachments:

You must be logged in to view attached files.

Hello,

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

body .labels-rectangular .product-label.label-term-precio-web{
 background-color:red;
 color:yellow;
}

I cannot move this separate label to the right, HTML structure does not allow doing that with CSS. I can move all the labels to the right, please let me know if you need this.

Please replace the red color with yours as I cannot catch this semi-transparen color.

Best Regards

Hello,
How can I color the out-of-stock label?

Attachments:

You must be logged in to view attached files.

Hello,

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

body .labels-rectangualar  .out-of-stock {
color:red;
background-color:yello;
font-size:10px;
}

Please set the styles as per your needs.

Best Regards

[Author]

Posts