Site logo

Archived topic

Upsell products and related products CSS styling questions

7 replies · Started by retroreiz on July 28, 2019

Viewing posts 1–8 of 8

Good morning, I have a few questions about Upsell products below products.

1. How do I get that the classen wc-gzd-additional-info tax-info and wc-gzd-additional-info shipping-costs-info are in line?
https://i.ibb.co/nPwpdLw/01.png
In other positions of the website it works without problems. Have now made various CSS settings, but it does not work for me.
https://i.ibb.co/yPzw26R/02.png

2. How can I remove the shopping cart button only for upsell products and related products?
https://i.ibb.co/1JWdjT9/03.png & https://i.ibb.co/9TBcrzq/04.png

3. How can I get Mobile View to do a "slider" carousel function for upsell products and related products? This is how it should look like: https://i.ibb.co/Kws3CBC/05.png

Many thanks for the effort! Greetings Andreas

Hi there,

1. Try this CSS to inline the additional info:

.product p.wc-gzd-additional-info {
    display: inline !important;
}

2. Remove add to cart from related and upsell:

.woocommerce .related.products li.product .button, .woocommerce .upsells.products li.product .button  {
    display: none;
}

3. To do this would require a plugin or custom development. Try searching the WordPress repository for a Related Product Carousel there are a couple of free ones.

Hi David,

thank you for the fast reply :)

1. I try with the display: inline !important;
Unfortunately, the problem persists that he does not insert it into a line.

2. Thats help me. Thank you!

3. Ok, i look in the wordpress repositrory :) Thanks for the hint.

Greetings, Andreas

Can you try clearing your browser cache as they are inline when i checked the site?

This is what i am seeing:

Hi David,

now I understand why you have not seen the VAT line. In my shop was still set that it is adapted to the country of the user and apparently your country is not in my list.

And thank you for your effort, but since I will use a plugin as a slider for Upsell products in the future, we do not need to spend any more time here. The plugin would provide its own design which I would have to adapt to my theme accordingly.

Thank you.
Greetings, Andreas

Aah ok - glad to be of help.

This archived topic is closed to new replies.