Related products display issue

swiftideas

ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

This topic has 9 replies, 2 voices, and was last updated 6 years by Rui Guerreiro – SUPPORT.

Viewing 10 posts - 1 through 10 (of 10 total)

Back to forum

Posted in: Atelier
June 30, 2017 at 11:13 am #330626

bedigital
Member

Post count: 27

Hi,

I tried to change the display of the Related Products in the Theme Options, but it hasn’t changed. How can I modify the display? (I attached a sample picture)

Attachments:
You must be logged in to view attached files.

June 30, 2017 at 11:24 am #330628

Rui Guerreiro – SUPPORT
Keymaster

Post count: 25779

Hi,

What exactly you tried to change?
Do you have any mockup image to see how you want it to look and if there is any viable solution?

Thanks

-Rui

June 30, 2017 at 11:36 am #330633

bedigital
Member

Post count: 27

I tried to change the options in the Theme Options -> Product Options -> Related Product Display Type (attached picture)

I installed the Lab – wine demo, and I would like to apply the view what is on this link: http://swiftideas.com/lab-demo/product/lab-organic-merlot/ (without the font styling)

Attachments:
You must be logged in to view attached files.

June 30, 2017 at 11:42 am #330635
Rui Guerreiro – SUPPORT
Keymaster

Post count: 25779
I see. Add the code below to your custom css option.
```
.woocommerce .products .product.product-layout-list figure {
     width: 100%!important;
}
```
-Rui
June 30, 2017 at 12:03 pm #330637

bedigital
Member

Post count: 27

Thanks, I tried it, but unfortunately this code corrupted the shop display.

1. Without your code, the shop display: shop-without-code.jpg

2. With your code the shop display: shop-with-code.jpg

I would like the 1. display in the shop (lines / shop-without-code.jpg), and the attached display (related-wine.jpg) on the product page to the related products without excerpt text.

Attachments:
You must be logged in to view attached files.

June 30, 2017 at 12:08 pm #330642
Rui Guerreiro – SUPPORT
Keymaster

Post count: 25779
Sorry about that. Try this one, it’s specific for the related products.
```
.related-products figure {
    width: 100%!important;
    margin-bottom: 20px!important;
}
```
-Rui
June 30, 2017 at 12:16 pm #330643

bedigital
Member

Post count: 27

Thank you, this code works well! 🙂 And could you help me how to hide the excerpt at the Related products? Can I switch of somewhere in the options?

June 30, 2017 at 12:19 pm #330644
Rui Guerreiro – SUPPORT
Keymaster

Post count: 25779
Sure. Try this one.
```
.related-products .product-desc{
   display:none;
}
```
-Rui
June 30, 2017 at 12:24 pm #330645

bedigital
Member

Post count: 27

Great!

The last code I completed with !imporant. Thank you very much for your fast help! 5* 🙂

June 30, 2017 at 12:25 pm #330646

Rui Guerreiro – SUPPORT
Keymaster

Post count: 25779

Nice. Glad we could help.

-Rui
Back to forum

Posted in: Atelier