New Landing › How can we help? › Atelier › Related products display issue

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
Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register