Related Product Grid

Hi,
For my shop page I have selected the option to show excerpt, but the related product does not inherit from my selection and shows another style. How come is this possible and how can I change it to what I selected in the theme setting?

Thanks.

Hello,

This is not an issue by any means this is the default functionality of the related product that it doesn’t display the excerpt.

You can check the link below it works same on our demos:
https://woodmart.xtemos.com/shop/accessories/smart-watches-wood-edition/

Best Regards.

So, what if I want to show the excerpt? is there nay way?

Hello,

Please try and add the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.related-products .owl-item.active:hover .woodmart-hover-base.product-in-carousel .hover-content {
display: inline-block;
}

Best Regards.

Thanks Aizaz. It worked like a charm. I have been also trying to add a border to related product grid with no progress. Can you take a look at the attached picture and let me know what the correct css block it is to achieve this without messing up with other grids?

Bests.

Attachments:

You must be logged in to view attached files.

Re above request, I want to keep the space between each product cart rather than having a border between them.

Hello,

You are Most Welcome.

Please try and add the following Custom CSS to change the spacing of the related product items.

.related-products .woodmart-carousel-spacing-30 .owl-item {
padding-right: 20px;
padding-left: 20px;
}

Best Regards.

How about the border. I used the following code but it did not work:

border: show !important;
border-style: 2px solid;

Hello,

To add borders try and use the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.related-products .product-grid-item {
border: 2px solid red;
}

Best Regards.

[Author]

Posts