Home › Forums › WoodMart support forum › Product Labels

Product Labels

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • June 7, 2024 at 2:41 pm #571316

    hardik119955
    Participant

    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

    June 8, 2024 at 10:13 am #571455

    Hung Pham
    Participant

    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,

    June 12, 2024 at 9:02 pm #572343

    hardik119955
    Participant

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

    June 13, 2024 at 11:03 am #572448

    Hung Pham
    Participant

    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,

    June 13, 2024 at 11:50 am #572466

    hardik119955
    Participant

    Please check

    June 14, 2024 at 7:50 am #572660

    Hung Pham
    Participant

    Hi hardik119955,

    The provided url is not available, please double check.

    Regards,

    June 14, 2024 at 1:56 pm #572769

    hardik119955
    Participant

    Please check this

    June 15, 2024 at 9:10 am #572911

    Hung Pham
    Participant

    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,

    June 17, 2024 at 1:28 pm #573172

    hardik119955
    Participant

    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.
    June 17, 2024 at 4:25 pm #573263

    Hung Pham
    Participant

    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
Viewing 10 posts - 1 through 10 (of 10 total)