Home › Forums › WoodMart support forum › Product grid using LIST option not limiting product title

Product grid using LIST option not limiting product title

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • June 11, 2024 at 2:42 pm #572026

    gnl-commerce.nl
    Participant

    Hi there,

    As the title says: Product grid using LIST option not limiting product title.

    What did i do? I limited within the Woodmart theme Product title line limit to: 2 lines.
    Currently this works perfectly on my site, but on my single product page i use the product grid with list option and this won’t limit the product title lines,

    Can you help me?

    June 11, 2024 at 2:44 pm #572028

    gnl-commerce.nl
    Participant

    This is the homepage: https://boenderoutdoor.nl/

    You can see it works perfectly here.

    https://boenderoutdoor.nl/sierkussens/boender-outdoor-sierkussen-45x45cm-velvet-lendekussen-blauw-inclusief-binnenkussen-2-stuks/

    But navigating to the single product page you will see it won’t apply here?

    June 11, 2024 at 3:53 pm #572049

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Try to add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS. Change the value as per your requirements. 

    /* Limit product title to 1 lines on single product page */

.wd-single-title .product_title {
    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

    Best Regards.

    June 11, 2024 at 4:27 pm #572057

    gnl-commerce.nl
    Participant

    Hi there,

    Thank you for your response, unfortunately this doesn’t work..

    June 12, 2024 at 9:08 am #572132

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Can you please share some screenshots where you want to limit the product title. Also share the wp logins details so i will check and give you a possible solution.

    Best Regards.

    June 12, 2024 at 12:36 pm #572225

    gnl-commerce.nl
    Participant

    Hi there,

    If you go to this page for example:
    https://boenderoutdoor.nl/sierkussens/boender-outdoor-sierkussen-45x45cm-velvet-lendekussen-blauw-inclusief-binnenkussen-2-stuks/

    Then look at my screenshot, you will see the product archive on the right showing the products, these lines are more then 2.

    I added the admin credentials in the private content area 🙂

    Attachments:
    You must be logged in to view attached files.
    June 12, 2024 at 2:30 pm #572254

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Try to add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS.

    .wd-product.product-list-item .product-list-content .wd-entities-title {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

    Best Regards.

    June 12, 2024 at 2:31 pm #572256

    gnl-commerce.nl
    Participant

    Awesome this works, thank you very much!

    June 12, 2024 at 3:29 pm #572279

    Aizaz Imtiaz Awan
    Keymaster

    Most Welcome!!!.

    I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

    We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

    Thanks for contacting us.
    Have a great day.

    Topic Closed.
    Best Regards.

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘Product grid using LIST option not limiting product title’ is closed to new replies.