Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #651631

    Hi Support,

    I am in the process of putting together a solution (using Enfold) that has a shop. I noticed on the Related Products that there are two issues that make it look really odd.

    Issue 1:
    The size of the Related Products image are disproportionate to the page and the thumbnails need to be smaller.

    Issue 2:
    The Related Products thumbnails are automatically placing on a dark strip background which looks really weird. How do we remove this background and place the thumbnails under the product description box.

    How did the background get like this, or is it a default?

    I have enclosed a screenshot below of how it looks.

    Thanks
    Vincent

    • This topic was modified 4 years, 3 months ago by  Vincent.
    #652704

    Hey Vincent,

    Wordpress is cropping images by default when uploading them and if you want to control this behavior you can use a plugin like this: https://wordpress.org/plugins/simple-image-sizes
    I hope this will help :).

    Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,
    Andy

    #652733

    Hi Andy,

    Thank you for your reply. I have included a direct link below and logins.

    Thank you
    Vincent

    #654035

    Hi,

    Issue 1:
    The size of the Related Products image are disproportionate to the page and the thumbnails need to be smaller.

    Have you tried to adjust the size of the Catalog Images thumbnail?

    Issue 2:
    The Related Products thumbnails are automatically placing on a dark strip background which looks really weird. How do we remove this background and place the thumbnails under the product description box.

    That is the default style of the related section. If you want to change the background color, please use this in the Quick CSS field:

    .single-product .alternate_color {
        background-color: #ffffff;
        border-top: 0;
    }

    Best regards,
    Ismael

    #654240

    Hi Ismael,
    This is not the default style and looking at the demo here: http://kriesi.at/themes/enfold/product/zoku-trioquick-pop-maker/ I can clearly see there is no background. Also,I would like it exactly the demo. Is there anybody working on this demo template that can advise how they got this?

    Have you tried to adjust the size of the Catalog Images thumbnail?

    Yes I have, I think the problem is the box size. See size difference below in private area:

    Regards
    Vincent

    • This reply was modified 4 years, 3 months ago by  Vincent.
    #654574

    Hi!

    That is the default styling. In the demo, you can see that the background of the related section is different from the top section. Please check the General Styling > Alternate content > Alternate Content background color. What is the color set there? Did you try the css code that we provided?

    Cheers!
    Ismael

    #654762

    Hi Ismael,
    I have removed the CSS that altered the colour and completely overhauled the ‘Alternate colour’ area and managed to get that part near enough as possible to what I want. Thanks for your help in nudging me to the right direction

    Category titles
    I notice that the shop category titles has disappeared, how do I re-enable this? This is strange as they were there. So many problems getting this template to work correctly with its features.

    What’s left from the demo?
    I would like to have the two rows where one row has the title (same as the demo) ‘You may also like…’ The other row is related products. Is this just a design feature in the demo or can it be added and if so, how is it edited, does it work via tags or manual input?

    Box sizes
    There still seems an issue with the box sizes being too large. Does this have something to do with the proportion to the body?

    Thanks
    Vincent

    #655981

    Hi,

    Box sizes
    There still seems an issue with the box sizes being too large. Does this have something to do with the proportion to the body?

    The related section looks good on my end. Could you please provide a screenshot of this issue?

    Category titles
    I notice that the shop category titles has disappeared, how do I re-enable this? This is strange as they were there. So many problems getting this template to work correctly with its features.

    Please check the Enfold > Header > Header Title and Breadcrumbs.

    If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing. Thank you.

    Best regards,
    Ismael

    #656257

    Ismael, the notes are below.

    • This reply was modified 4 years, 2 months ago by  Vincent.
    #657840

    Hi,

    MISSING TITLES
    The H1 titles are clearly not displaying and this only happened when I made the alterations you suggested. So, it has everything to do with this thread. There is no point in enabling Header titles and breadcrumbs as its the H1 title.

    I’m sorry but we can’t access the site.

    Your access to this site has been limited

    RELATED BOXES
    In the demo there are two rows of related boxes with two different titles. I’m not sure how many times you and I can play cat and mouse where I ask and you give me a completely different answer. So, I’ll ask in a different way – is the demo real? What I mean is having two rows of related boxes which are titled differently are not really there and just an image?

    Alright. Thank you so much for the explanation. The second rows are the upsells and cross sells products. https://docs.woothemes.com/document/related-products-up-sells-and-cross-sells/

    For additional inquiry, please create a new thread or contact our partner codeable. http://kriesi.at/contact

    Best regards,
    Ismael

    #657895

    Hi Ismael,
    Thanks for the reply. The H1 titles on the categories are still not displaying. I would like to get this fixed as it’s been going on too long now. I have altered the security settings so you should be able to access the site.

    #658902

    Hi,

    Sorry for the delay. Please add this css code:

    @media only screen and (min-width: 768px) {
    .tax-product_cat .template-shop .page-title {
        display: block;
        position: absolute;
        left: 35%;
        top: 20px;
    }
    
    .tax-product_cat .template-shop.av-content-small {
        padding-top: 70px;
    }
    }

    If you have additional inquiries, please feel free to create a new thread. Thank you for your understanding.

    Best regards,
    Ismael

    #658930

    Cheers Ismael, all good
    Vince

    #660187

    Hi,

    Alright. Let us know if you need anything else.

    Best regards,
    Ismael

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

The topic ‘Related Products Size and Background’ is closed to new replies.