Opencart 2 mobile view layout order

Quote

Post by gamersmarket » Sun Nov 08, 2015 6:08 pm

Hi!

I want to ask if I can change the layout order in opencart 2.

Now it's like this:
image
description
>>>title<<<
product code/reward points/availability
price
quantity
add to cart
review

Maybe it would be more logical this way:
>>>title<<<
image
description
product code/reward points/availability
price
quantity
add to cart
review

Could you help?

Thanks
gamersmarket
New member
Posts
29
Joined
Mon Aug 29, 2011 3:21 pm
Top

Re: Opencart 2 mobile view layout order

Quote

Post by viethemes » Sun Nov 08, 2015 11:26 pm

To do that, you can install my free extension Custom JavaScript and add code below

Code: Select all

<script>
$(document).ready(function () {
	if ($(window).width() <= 768) {
		$('body[class*="product-product"] #content h1').prependTo('body[class*="product-product"] #content .col-sm-8');
	}
});
</script>

http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension

Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme

Extra Positions PRO, Custom JavaScript, Custom CSS and others

User avatar
viethemes
Active Member
Posts
1966
Joined
Thu Jan 08, 2015 12:17 pm
Top

Re: Opencart 2 mobile view layout order

Quote

Post by Jansuh » Thu Sep 20, 2018 4:33 pm

Hi there, great stuff but what do i put in the code when i want the following on my MOBILE product page. I think it is better to have the add to cart button directly in view in stead of below the fold.

>>>title<<<
image
product code/reward points/availability
price
quantity
add to cart
description
review

Thanks a lot.
Jansuh
New member
Posts
83
Joined
Fri Apr 20, 2018 8:13 pm
Top
Post Reply
Return to “Template Support”
Who is online

Users browsing this forum: No registered users and 64 guests