Product Labels

1. How to put product labels on specific product.
2. Also how to create custom labels for products.
3. How to show products by specific labels on home page in caurosale.

Thank you

Hi hardik119955,

1, 2. Please read our below documentation articles for more details:

https://xtemos.com/docs-topic/variable-products-and-swatches/
https://xtemos.com/docs-topic/attribute-swatches/

3. Currently, Products (grid or carousel) widget supports data source with New label only https://prnt.sc/LjxXJ78ATocU

Regards,

How to control or change – size, shape, color of the custom labels…..?

Hi hardik119955,

Please provide URL of the mentioned page, so I can take a closer look Custom labels and mockup of the styles that you try to achieve and we’ll send proper instructions.

Regards,

Please check

Hi hardik119955,

The provided url is not available, please double check.

Regards,

Please check this

Hi hardik119955,

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

span.product-label.attribute-label:not(.label-with-img) {
	background-color: #000;
	color: #fff;
}

.product-labels.labels-rounded span.product-label.attribute-label{
	border-radius: 0;
	font-size: 34px;
}

Regards,

How to use different font size for product grid

As it is disturbing the product view and not looking like a product label at all insted looking like something is forcefully added on imaģe…..

Check screenshot

Attachments:

You must be logged in to view attached files.

Hi hardik119955,

Please remove previous code and use below one:

.single-product span.product-label.attribute-label:not(.label-with-img) {
	background-color: #000;
	color: #fff;
}

.single-product .product-labels.labels-rounded span.product-label.attribute-label{
	border-radius: 0;
	font-size: 34px;
}

Regards,

[Author]

Posts