WordPress.org

Ready to get started?Download WordPress

Forums

Wootique - upsell / related products (4 posts)

  1. Thies
    Member
    Posted 1 year ago #

    Hi,

    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:

    http://azijnenzo.nl/winkel/olie/hazelnootolie-huile-de-noisette-de-chanaz-2

    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.

    Thies

  2. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

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

    http://wordpress.org/support/topic/plugin-woocommerce-excelling-ecommerce-please-read-before-posting-links-to-documentaion-and-other-resources?replies=32

    These forums only support themes from the repository on this site here:
    http://wordpress.org/extend/themes/

  3. msabirm
    Member
    Posted 1 year ago #

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

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

      and remove the clear: left

  4. Thies
    Member
    Posted 1 year 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