Return to previous page

Equal height is not working and need to add or place some images before product name in each section

This topic has 3 replies, 2 voices, and was last updated 11 hours, 13 minutes ago ago by scriptocademy

scriptocademy

Participant

January 8, 2025 at 10:49

I want to display products equal height while using product carousel widget.

Content is visible for topic creator and
support staff only.

Files is visible for topic creator and
support staff only.

#429850 Copied Theme version: 9.4.6

2 Answers

Andrew Mitchell

Support staff

January 8, 2025 at 13:20

Hello, scriptocademy,

Thank you for reaching out to us.

We have reviewed the images you provided, and it appears that there is an issue with inconsistent heights in the product carousel. This can occur when product titles, descriptions, or other elements have varying lengths, causing the cards to misalign.

To resolve this issue, we recommend the following steps:

1. Enable Equal Height for Product Cards:
– Check if your theme or page builder has an option to enforce equal heights for product cards. This is often found in the carousel or grid settings.

2. CSS Adjustment:
– Add custom CSS to ensure all product cards have the same height. For example:
` etheme-product-grid-item {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}`

3.Limit Text Length:
– Shorten product titles or descriptions to maintain uniformity. You can use a character limit or truncate longer text.

4. Use Placeholder Space:
– Add placeholder space for shorter titles or descriptions to align with longer ones.

Please let us know if you need further assistance with implementing these changes.

Best Regards,
8Theme’s Team

#429878 Copied

scriptocademy

Participant

January 8, 2025 at 16:23

You replied only for my one question I asked you 2 questions, please reply my second question as well, thank you!

#429911 Copied
Viewing 3 results - 1 through 3 (of 3 total)