Shopify themes, liquid, logos, and UX
Hi,
I am using the Narrative theme and I absolutely love it, but the product images are too large. How can I have the images smaller, all together on the right side (next to the texts& buy buttons). Also I want for it to slide to the next image on its own. How can I do that? Any help will be appreciated.
my store url: https://nerofruit.myshopify.com/
Solved! Go to the solution
This is an accepted solution.
Thanks
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.product__submedia-list.product__submedia-list--r2 {
max-width: 800px;
margin: 0px auto;
}
.product__media-container {
max-width: 400px !important;
}
Welcome to the Shopify community!
and Thanks for your Good question.
sorry but your store is password protect can you please share us.
Sorry the passport is: gaulya
Let me know if you need anything else!
Thank you.
Hey there @rojiss ,
Are you able to provide your store password so I can take a look and provide the solution here?
hey the password is : gaulya
This is an accepted solution.
Thanks
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.product__submedia-list.product__submedia-list--r2 {
max-width: 800px;
margin: 0px auto;
}
.product__media-container {
max-width: 400px !important;
}
Worked! Thank you so much!!
it's my pleasure to help us
Hi can you help me please. My "Get Started" image in the gallery shows different size to different desktops.
Website: ecommerce-consulting-group.myshopify.com
Password: bleale
thanks for post
do you have like this?
can you please just confirm above my attachment?
You mean if I have those photos right?
Yes
Hello, thank you for your help with resizing the image on the narrative theme.
Could you please help me how to make the product image stand on the right and buttons and text on the left, instead then under the product.
SORRY. How to make the image on the left and BUY button and text on the right?
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.
@KetanKumar it didn't work for me... can I hire you to help me fix this theme? Thank you.
I tried this and it didn't work 😞
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.
My website is already published and I'm working in that theme because I want to change it.
I don't know if I can still send you the URL.
yes, please share store preview url
thanks for url which section issue i can't see now
I am working on the Theme (it is not published yet)
I found this: https://medium.com/@pherkan/customize-the-product-page-of-the-narrative-theme-in-shopify-1c617cf7f76...
but unfortunately it did not work as I expected.
give me your store preview url
great Thanks URL, please add this code
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
@media only screen and (min-width: 990px) {
.product__media-container {max-width: 480px !important;}
}
Hi, thank you so much but...
I already pasted the code and it still doesn't work. The Product Page is still looking like this:
oh sorry,
can you please share particular product URL?
Hi, I was checking and it won't let me share the preview of a specific product.
It just let me share the preview of the full page. There you can check the page of a product, please.
URL: https://fx41eahlrn6qipak-48763306144.shopifypreview.com
yes, please add this code
@media only screen and (min-width: 990px)
.product__media-container {
max-width: 350px!important;
}
}
Hi, I copied the code into theme.scss.liquid and pasted it at the bottom of the file and now there is an error.
@media only screen and (min-width: 990px) {.product__media-container { max-width: 350px !important;}}
The error has been solved but the product page still looks like this:
can you please share this product url
The Password is: customstudio
thanks
i can see look at this
Yes, that's the product page but it sill looks the same.
I want it to look like this:
https://sample-store-1331.myshopify.com/products/codify-product
sorry its different theme.
Hi, I am having the same issue and I tried copying & pasting the code but it did not work. Can you please help me?
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.
Hi good morning I have the same issue. My pictures on the product page are to large. (not the first photo but te picterus below) for example crystals-> Rose quartz
my site is: https://pstv-vibes.myshopify.com
sorry for that issue
please sent image further issue and product page url
The pictures are way to big! I want them smaller, and maybe on the side?
thanks for url
can you please add this code
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.product__submedia-list.product__submedia-list--r1 {
max-width: 960px;
margin: 0px auto;
}
Thank you so much! Keep up the good work!
it's my pleasure to help us
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024