Home>Support>WooCommerce Related Products Issue

WooCommerce Related Products Issue

By svanboeyen, 9 years ago. Last reply by Andrew Misplon, 9 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Hello,

I’d like to keep the related products on my website, i’d like the title that says “related products” to be below the product image.

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 7 months ago Andrew Misplon
    Hi, I Work Here

    Hi Svanboeyen

    Very sorry about the late reply. We work through a prioritized forum queue, and unfortunately it’s taken us some time to get to your thread.

    https://siteorigin.com/about/forum-thread-prioritization/

    Because it’s been a while since you posted this, would you mind letting us know if you still need help? If so, we’ll jump right in.

  2. 9 years, 7 months ago svanboeyen

    Yes please. On every product page the "related products" title is to the left of the product image (where quantity, product description, etc. are).
    I'd like for the the words related products to appear below the product image, with all of the pictures of the related products.

  3. 9 years, 7 months ago Andrew Misplon
    Hi, I Work Here

    For sure :) I’m running a search through logs now but it’s taking longer than usual. If you’re online, please, send me your URL so I can take a look. If you’d like to keep your site private, use the Private Reply option bottom right. Thanks :)

  4. 9 years, 7 months ago Andrew Misplon
    Hi, I Work Here

    I’m not finding your site so it’s perhaps worth going to Appearance > Theme Settings > Premium. Check that your order number is inserted:

    Private Snippet

    Thanks

  5. 9 years, 7 months ago Private Message - svanboeyen

    This is a private message.

  6. 9 years, 7 months ago Andrew Misplon
    Hi, I Work Here

    Thanks :)

    Please, try the following at Appearance > Custom CSS. Apologies for the hassle, let me know how this goes.

    /* WooCommerce Related Products */

.woocommerce .related {
clear: both;
}

.woocommerce .related h2 {
font-size: 18px;
margin-bottom: 1.5em;
}

.woocommerce .related ul li.product, .woocommerce .related ul.products li.product, .woocommerce-page .related ul li.product, .woocommerce-page .related ul.products li.product {
width: 20%;
}
  7. 9 years, 7 months ago svanboeyen

    Thanks, It worked, but it made every picture really big on the shop page. The pictures are also way bigger on each individual product page. Any idea’s how to make it go back to normal?

    Thanks,
    Scott

  8. 9 years, 7 months ago svanboeyen

    Now that I notice it, it also lowers the Product Description as well. Is it possible to keep the product description either above or below the Product Short Description?

    Thanks for the help,
    Scott

  9. 9 years, 7 months ago Andrew Misplon
    Hi, I Work Here

    Hi Scott

    I’ve run through the following pages:

    Private Snippet

    On each page, in the page source, I’ve removed the entire Custom CSS block. Removing the Custom CSS block doesn’t have any visible impact on image sizes on any of the above pages. Am I missing anything or are you just getting a different result?

  10. 9 years, 7 months ago Andrew Misplon
    Hi, I Work Here

    Regarding your second post above, can you provide a link to a product with a description? Thanks :)

  11. 9 years, 7 months ago svanboeyen

    Yeah I’m getting the same results for the image sizing but that’s alright, I should be able to fix that with woocommerce settings.

    For the second post, check out the product at this link: https://greencaremed.ca/product/northern-wreck/

  12. 9 years, 7 months ago Andrew Misplon
    Hi, I Work Here

    The current layout is the expected layout in Vantage with WooCommerce. Let me see what I can do for you. One moment.

  13. 9 years, 7 months ago Andrew Misplon
    Hi, I Work Here

    Let’s try:

    .woocommerce #content div.product .woocommerce-tabs {
	clear: none;
	float: right;
	width: 48%;
}
Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More