Return to previous page

Improper Alignment: Decluttering Related Items on Product Detail Pages

This topic has 6 replies, 2 voices, and was last updated 2 weeks, 1 days ago ago by Rose Tyler

maybendeler

Participant

April 29, 2024 at 09:14

The related items below the product on the product detail page are not aligned correctly (see screenshot), this looks very cluttered.

Please, contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#393329 Copied Theme version: 9.2.8

5 Answers
Rose Tyler

Support staff

April 29, 2024 at 10:55
Hello, Maybendeler,

Thank you for reaching out to us.

We understand that you would like to have a uniform height for products in the Related products swiper on your website.

Please try to add the next code in Theme Options > Theme custom CSS > Global:
```
.swiper-container {
    display: flex;
    align-items: stretch;
}
.product-slide .product {
    display: flex;
    height: 100%;
}
.swiper-wrapper {
    height: auto;
}
.products-slider .content-product {
    flex-direction: column;
    justify-content: space-between;
    display: flex;
    flex: 1;
}
```
Best Regards,
8Theme’s Team
#393350 Copied
maybendeler

Participant

April 29, 2024 at 13:03

unfortunately this css code does not work..

#393370 Copied

Rose Tyler

Support staff

April 29, 2024 at 13:36

Hello, Maybendeler,

Could you please provide temporary wp-admin access?

To grant WP-Admin access, please proceed to create a new user account with an administrator role through your WordPress Dashboard. Once the account is established, you may securely transmit the username and password to us via the Private Content section designated for this purpose.

Best Regards,
8Theme’s Team

#393375 Copied

maybendeler

Participant

April 29, 2024 at 13:56

it’s added in private content area

Please contact administrator
for this information.

#393380 Copied

Rose Tyler

Support staff

April 29, 2024 at 14:41

Hello, Maybendeler,

We have updated the code by adding !important https://prnt.sc/uDz9nj0a4cTc Please check now.

Please let us know if everything meets your expectations.

Best Regards,
8Theme’s Team

#393386 Copied
Tagged: best selling themes, decluttering related items, ecommerce optimization, improper alignment, product detail pages, website design, woocommerce themes
Viewing 6 results - 1 through 6 (of 6 total)