Change Code

Solved
nevillelouison
New Member
2 0 2

Hi - What line of code would I need to edit to change the product page layout in the link below to feature the product image on the left side of the page and move the copy to the right side of the page?

https://thesoulfulsilverback.com/products/soulful-silverback-brand-tee-2

KetanKumar
Shopify Partner
15951 1754 5871

@nevillelouison 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
nevillelouison
New Member
2 0 2
Thank you, Ketan. I would like to change/swap the code on the product page
(link below) so that the product image is on the left side of the page and
then the product copy, quantity, add to cart is on the right side of the
page.

https://thesoulfulsilverback.com/products/soulful-silverback-brand-tee-2

Currently, the copy, quantity, and add to cart is on the left side of the
page and I’d like the text to be on the right side of the page. People read
left to right, and I want them to see the product image first and then the
product copy second.

Please let me know how I can change/swap out lines of code to make this
edit?

THANKS!
KetanKumar
Shopify Partner
15951 1754 5871

This is an accepted solution.

@nevillelouison 

oh, i see yes, please add this code 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.min.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

.product--template>.product__content {
    order: 1;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing