Danny priority asked 1 year ago


Hi,

I'm trying to implement ecommerce product into multi item carousel, but there are a few bugs: - The product title will not wrap on a new line if the text is too long - When loading, the first product comes to the full width, this is ugly. - I want to use the grid of the columns so that it is responsive on mobile - Is it possible to skip 4 products at once when you click next button?

Snippet: https://mdbootstrap.com/snippets/Standard/danny3445/5153935


Mateusz Lazaru staff answered 1 year ago


Hello,

To make text wrapping, you can use .text-wrap class.

I see this full-width image issue. I'll report it as a bug, and we'll try to fix it soon. Until that, I would try to hide it with some kind of animation.

https://mdbootstrap.com/snippets/Standard/mlazaru/5157954#html-tab-view


Danny priority commented 1 year ago

And those: - I want to use the grid of the columns so that it is responsive on mobile - Is it possible to skip 4 products at once when you click next button?


Mateusz Lazaru staff commented 1 year ago

Sliding more than 1 product at once is not possible. It does not work with grid, but it's possible to manually set a breakpoint by using data-mdb-breakpoint.



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 6.2.0
  • Device: Laptop
  • Browser: Chrome
  • OS: Windows 11
  • Provided sample code: No
  • Provided link: Yes