Home › Forums › WoodMart support forum › Mini Cart and Cart.

Mini Cart and Cart.

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • May 20, 2022 at 8:12 pm #377588

    pullman
    Participant

    Hello,

    Currently, The product title in the Mini Cart and Shopping cart is displayed 2 or 3 lines(rows) on Mobile like this.

    I need these title in 1 line. It’s okay to not displayed whole title .
    It’s okay that it ‘s displayed first some words of title.

    and I need to display the selected option(color, size etc…)under product title.

    I attached screenshots ( 1st one is our web site, 2nd one is our Reference. )

    Attachments:
    You must be logged in to view attached files.
    May 21, 2022 at 11:34 pm #377737

    Elise Noromit
    Member

    Hello,

    Please insert the site admin access into the Private content below the message area. We will take a closer look at the case to suggest a solution.

    Best Regads

    May 22, 2022 at 7:23 am #377762

    pullman
    Participant

    Hello,

    Thank you for your reply!

    Here’s our web site details.

    May 23, 2022 at 5:18 pm #378124

    Elise Noromit
    Member

    Hello,

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

    @media (max-width: 768.98px){
.woocommerce-cart-form__contents td.product-name>a {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
}

    Best Regards

    May 25, 2022 at 5:08 pm #378798

    pullman
    Participant

    Hello,

    Thank you for your reply.

    I added the code, but it seems not working.

    Could you check our admin panel??

    May 26, 2022 at 3:33 am #378887

    Elise Noromit
    Member

    Hello,

    You have the error in CSS above the code: https://gyazo.com/fd3cd4aff1be75cbdbee5f0c19662822

    If you have any questions please feel free to contact us.

    Best Regards

    May 26, 2022 at 5:41 am #378899

    pullman
    Participant

    Hello,

    As of now, we can’t find any error with the code “margin-inline-end” which is related to product tab.

    I added the code you gave us to the Custom CSS > global at the from 32 row to 38.

    Could you please check and edit the code??

    Attachments:
    You must be logged in to view attached files.
    May 27, 2022 at 2:11 am #379188

    Elise Noromit
    Member

    Hello,

    Please comment on the snippet in line 10 and check how the code provided works.

    If you have any questions please feel free to contact us.

    Best Regards

    May 27, 2022 at 5:04 am #379214

    pullman
    Participant

    Hello,

    I added the code at Snippet and I got an error like this.

    Attachments:
    You must be logged in to view attached files.
    May 28, 2022 at 10:13 pm #379570

    Elise Noromit
    Member

    Hello,

    Please comment this code: https://gyazo.com/168a13543cd1384f57abfade6d3b53cc

    Then check how it works.

    Best Regards

    May 29, 2022 at 8:43 am #379604

    pullman
    Participant

    Hello,

    umm I added the code in Line 10 and 12, it looks nothing change. 🙁

    Attachments:
    You must be logged in to view attached files.
    May 29, 2022 at 7:55 pm #379676

    pullman
    Participant

    Hello,

    I just realized the code works only on Products( grid or carousel ).

    It doesn’t works on AJAX product tabs.

    Attachments:
    You must be logged in to view attached files.
    May 31, 2022 at 1:47 am #380036

    Elise Noromit
    Member

    Hello,

    I have checked the shopping cart title, it is one line: https://prnt.sc/3iIgVSQD0hV1

    Best Regards

    May 31, 2022 at 5:32 am #380079

    pullman
    Participant

    Yes, it is. but

    Could you add the product in AJAX Product Tabs??

    it shows 2line like this.

    Attachments:
    You must be logged in to view attached files.
    May 31, 2022 at 12:35 pm #380179

    Elise Noromit
    Member

    Hello,

    Please replace the code with this one: 

    @media (max-width: 768.98px){
.woocommerce-cart-form__contents td.product-name>a {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
	
.product-grid-item h3.wd-entities-title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
}

    Best Regards

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