Cross Sell Products

[fixers]

Hi There

A few questions re cross sell products,

1)Is it possible to change the text ‘You may also be interested in’ any other way then translation, this doesn’t seem to be working for me ever?

2) See attached picture, on mobile when only displaying two linked products cross sells look a bit odd? Any advice?

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Can you provide a link to a product that has cross sell products?
Thanks

-Rui

[fixers]

Hi Rui

Product link – http://fixers.travel/product/ciao-bella/

You will be redirected to fixers.travel, you will then be forced to register – just put any email in.

then head back to the product, select some variables and add to cart – you’ll see the linked product cross sells in the cart when your redirected there…

[Rui Guerreiro – SUPPORT]

Hi,

1)
You should copy to your child theme the file located in neighborhood\woocommerce\cart\cross-sells.php

Then do your changes, you should create the same directory structure inside the child theme.
something like this neighborhood-child\woocommerce\cart\cross-sells.php

2) Add the code below to your custom css option.

.woocommerce-cart .cart-collaterals .cross-sells ul.products li.product {
  width: 48%!important;
}

-Rui

[fixers]

Thanks Rui

Thats made a big difference, see the attached, looks great with only two linked products but with anymore goes a bit off?

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Can you provide me the link to that product with more than 2 related products?
Thanks

-Rui

[fixers]

Hi Rui

the best thing to do is just to add two products to your cart, then view the cart.

Id suggest adding:

fixers.travel/product/ciao-bella

+

fixers.travel/product/get-high-in-the-atlas

[Rui Guerreiro – SUPPORT]

Thanks.

I forgot to affect only the changes to the mobile resolution and a few other adjustments.

Replace the previous code by this one below.

@media only screen and (max-width: 767px){
.woocommerce-cart .cart-collaterals .cross-sells ul.products li.product {
  width: 46%!important;
  margin-left: 0%!important;
}
}

-Rui

[fixers]

Rui,

Thanks very much, looks GREAT!!

[Rui Guerreiro – SUPPORT]

Great. Glad I could help.
-Rui