Debut theme - moving variant selector, price, and reviews badge - mobile/desktop specific

New Member
5 0 0

I'm having some issues rearranging the element on the debut product page. I'm currently using some apps for variant selectors, which I think may be complicating things. I also want mobile and desktop to appear slightly differently, and have already implemented that with some success. Overview of changes:

 

Site: http://dojinatural.com/products/deodorant

 

- On mobile, display title above photo (done - added mobile_hide & desk_hide classes - followed instructions in this thread: https://community.shopify.com/c/Shopify-Design/Moving-Product-Title-Above-Product-Image/td-p/619647)

- On mobile, display reviews badge directly under title (Not done - above method for title not working for reviews badge)

- Move price and shipping below variant selector (Not done - tried moving the <div> with no success - guessing I'm overlooking something simple here)

 

Current mobile:

MOBILE_Current.png

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Ideal mobile:
Mobile_Fixed.png

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Current desktop:

Desktp_Current.png

 

Ideal desktop:

Desktop_Fixed.png

 

Any help appreciated, thanks!

0 Likes
Tourist
93 4 7

Hello mattyk,

Does the app admin offer support for the variant feature?

0 Likes