Okay
  Public Ticket #585202
Cross Sells more products
Closed

Comments

  • Andi started the conversation
    November 15, 2015 at 7:21pm

    Hi there,


    can you tell me how I can display more than 2 products in the cross selling section in the cart? I've attached a screenshot to tell you what I mean.


    Thanks!

  •  8,991
    Tahir replied
    November 16, 2015 at 6:32pm
    Hey,

    Please provide the page url so that i can write up the custom css for whats possible.

    Thanks

    ThemeNectar Support Team 

  • Andi replied
    November 16, 2015 at 8:25pm

    Hi Tahir,

    my Website is not online atm. You can find the log-in information here:

    https://themenectar.ticksy.com/ticket/577311

    Third post. Thanks for your help.

  •  8,991
    Tahir replied
    November 17, 2015 at 2:48pm

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
    .woocommerce-page .cross-sells ul.products li.product {
    width: 20% !important;
}

    Try reducing the width further as well as i was not able to get more then 2 cross sells to check .

    Best.

    ThemeNectar Support Team 

  • Andi replied
    November 17, 2015 at 3:32pm

    Hi Tahir,


    thanks for getting back. I\'ve updated the product with the cross selling items:

    http://madwear.co/produkt/testprodukt/

    (reachable after logging in - see post #3)

    If you add this to your cart, you will see that there are still only 2 products in a row, even though the width is at 10%.

    Hope you have any suggestions on how to fix that there will be displayed 3 in a row.

    Thanks!

  •  8,991
    Tahir replied
    November 17, 2015 at 11:56pm

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
    html .woocommerce-page .cross-sells ul.products li.first.classic {
    clear: none !important;
}
html .woocommerce-page .cross-sells ul.products li.last {
    margin-right:2% !important;
}

    Best.


    ThemeNectar Support Team 

  • Andi replied
    November 18, 2015 at 11:54am

    Worked perfect, thanks!