[Resolved] Upsell products and related products CSS styling questions

Home Forums Support Upsell products and related products CSS styling questions

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #969744
    retroreiz

    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

    #969837
    David
    Staff
    Customer Support

    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.

    #969854
    retroreiz

    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

    #969870
    David
    Staff
    Customer Support

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

    #969877
    retroreiz

    I clear my browser cache (and other browser testet), but in the upsell product two lines.
    https://i.ibb.co/K74ktBp/07.png

    #970420
    David
    Staff
    Customer Support

    This is what i am seeing:

    #971783
    retroreiz

    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

    #972071
    David
    Staff
    Customer Support

    Aah ok – glad to be of help.

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.