Topic: Product carousel
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
mlazaru staff answered 2 years 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 pro premium priority commented 2 years 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?
mlazaru staff commented 2 years 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
.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- 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