Docs

[montanag]

We found part of the solution on this forum by adding the following to the custom jss:
jQuery(“.related.products”).appendTo(“.upsells.products”);

This does the job of switching them around but it pushes the related products down into the footer:

Here is an example:
http://lonestar.allsystemsgomt.com/product/ipad-charging-kit/

Thanks in advance for your help.

[Rupok]

Hi there,

Thanks for writing in!
You can add this under Custom > CSS in the Customizer.

.woocommerce .upsells.products {
  padding-bottom: 150px;
}

.woocommerce .upsells.products .related.products {
  margin-top: -50px;
}

Hope this helps.

Cheers!

[montanag]

Worked perfectly!

Thanks much

[Joao]

Great to hear it.

Let us know if you need help with anything else.

Hope it helps,

Joao

[Author]

Posts