Ok so if u visit the page,and you choose also a mobile view(because the mobile view is the only place where I want to change) you ll see the elements like this:
-breadcrumbs
-photo
-title
-price
-add to cart
-description
….-I want to positionate them like this:
-breadcrumbs
-title
-price
-photo
-price
-add to cart
-description
-I know a little bit of programming but I don t find where to change this ,i tried on static-product.liquid but didnt work.
you need to some coding in static-product.liquid. if you want to this then i will provide some code. if you understand this then please apply this. i hope you get it which you want.
firstly, find the in static-product.liquid and copy whole code start with to . Then, paste below of the .
after that, you have 2 code with tag of like this.
.
.
.
.
right?
then add class with the name of “desktop-version” in the first and add class with the name of “mobile-version” in the second .
after that, some changes in the 2 code.
find the ‘product-gallery’ class in the 2 code. cut the whole code of
…
. Then, find third child of class ‘product-block’. paste (below third child of class ‘product-block’) the whole code of
…
which is cut from 2 .
after that apply the given css code above in theme.liquid
Im Remus and I need right now some help on my product page (I let you the link there).
