Wootique - upsell / related products (4 posts)

  1. Thies
    Posted 2 years ago #


    I'm setting up a webshop in woocommerce using the wootique theme.

    Does somebody know how to change the list of related products or upsells to a 2 or 3-column grid?

    You can find an example over here:


    And what I would like to accomplish is the same view for the upsells as on the homepage below the featured products.

    Thanks in advance for your help.


  2. WPyogi
    Forum Moderator
    Posted 2 years ago #

    You need to ask WooThemes and/or see the WooCommerce plugin page here:


    These forums only support themes from the repository on this site here:

  3. msabirm
    Posted 2 years ago #

    Open the style.css file of your theme, try:

    .single-product .type-product {
    clear: left;
    position: relative;

      and remove the clear: left

  4. Thies
    Posted 2 years ago #

    Thanks msabirm for your help.

    Tried it, but no result :(.

    I bet it's in this part of the css:

    .upsells ul { margin-left:0; }
    /* 1 column single product */
    .single-product.layout-full .images { width:336px; }
    .single-product.layout-full .images img { width:326px; }
    .single-product.layout-full .summary { width:514px; }
    .single-product.layout-full .related, .single-product.layout-full .upsells { width:48%; }
    .single-product.layout-full .related { float: left; }
    .single-product.layout-full .upsells { float: right; }
    /*.single-product.layout-full #comments .commentlist li.comment .comment-text { width:822px; }*/

    But as I don't fully understand CSS or php code I don't know what to change. Tried the percentage. I've cut out the float left en replaced with position relative ; but there not even changing something when I do that! So Maybe you have another tip for me based on this?

Topic Closed

This topic has been closed to new replies.

About this Topic