[waterbarryParticipant]

The related products section at the bottom of the product page seems to be contained within the main left div, which means it isn’t the full width of the screen. Is there any way to make it the full with of the screen without running into the dange of it overlapping the content of the sidebar?

[waterbarryParticipant]

This reply has been marked as private.

[JoaoModerator]

Hi There,

As you have a side bar the products wont go over the sidebar.

If you want to have them full width you need to remove the side bar and have a full width page.

Hope it helps

Joao

[waterbarryParticipant]

Hi Joao,

I’m looking to move the related items out of that section, can it be done in the templates?

[FriechModerator]

Hi There,

Add this on Custom > Global CSS

footer.x-colophon.top {
	margin-top: 25px;
}

And this on Custom > Global JavaScripts.

(function($) {
   $(".single-product .related.products").insertAfter(".single-product .offset.cf");
})(jQuery);

Thanks.

[Author]

Posts