Solved

Which mobile layout do you like better?

itsolidude12
Pathfinder
128 4 40

Hey there guys. 

I can't decide on a mobile layout for the product page. Could you give me some feedback on which one you like best out of these 3? Any suggestions are welcome!

 

 

 

112233

Accepted Solution (1)

TobiasDalhof
Shopify Partner
31 5 12

This is an accepted solution.

Personally, I would opt for version 3.

 

While version 1 lacks the quantity field and the pricing is not clearly separated, version 2 has an awkward left-aligned text presentation. Version 3 is a better choice but you could consider using the collapsed product description for mobile as seen in version 2.

 

If your store experiences a substantial volume of traffic, it would be wise to conduct A/B testing to identify the highest converting variant.

 

Best regards

— I'm building Delm Estimated Delivery Dates
— Was my reply helpful? Click Like to let me know.
— Was your question answered? Mark it as an Accepted Solution.

View solution in original post

Replies 2 (2)

TobiasDalhof
Shopify Partner
31 5 12

This is an accepted solution.

Personally, I would opt for version 3.

 

While version 1 lacks the quantity field and the pricing is not clearly separated, version 2 has an awkward left-aligned text presentation. Version 3 is a better choice but you could consider using the collapsed product description for mobile as seen in version 2.

 

If your store experiences a substantial volume of traffic, it would be wise to conduct A/B testing to identify the highest converting variant.

 

Best regards

— I'm building Delm Estimated Delivery Dates
— Was my reply helpful? Click Like to let me know.
— Was your question answered? Mark it as an Accepted Solution.

gian-singh
Shopify Partner
1 0 1

Of the three options I think the first one is the cleanest, but it lacks the quantity field. I'd personally use the third version, but have the color and quantity drop downs sit side by side to bring the add to cart and buy button higher. 

 

I always recommend A/B testing before making a major change like this if your store is already live.