This topic has 2 voices, contains 1 reply, and was last updated by  TB Support 2600 days ago.

Change Position Of Product image in mobile

ThemeBurn Support › Forums › OpenCart Themes › BurnEngine › Change Position Of Product image in mobile

This topic has been marked as not resolved.

Hey Guys,

First of all great work on the Trendo theme its a pleaseure to work with and the theme module is just so so awesome!

We’re just having a issue we can’t seem to fix. On mobile we would like to show the product image under product title on product page. This doesn’t seem to be possible since its 2 columns in 1 row on product page builder. Do you have any fix for this?
 david1109
March 15, 2017 at 5:21 pm #57437

Hi,

This could a bit tricky. The only solution we can think of without any heavy modification is to duplicate title and breadcrumbs for small screens and hide original ones:

1) Go to Page builder > Content > All products

2) Swap position of columns that hold Images and other product system blocks (options, add to cart etc.).

3) Edit row settings and insert this custom class:

row-reverse

4) Insert breadcrumbs and title block in the column that contains the Image block.

5) Use these utility classes on the two Tile and Breadcrumbs blocks to show/hide them on different resolutions:


/*** up to 768px ***/

hidden-xs

/*** from 769px to 1040px ***/

hidden-sm

/*** from 1041px to 1260px ***/

hidden-md

/*** from 1261px and up ***/

hidden-lg

BR,
ThemeBurn team
 TB Support
March 17, 2017 at 12:21 pm #57541
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.