Shopify Dawn theme, how insert left/right arrows in product page

Hello Everyone!

Help me please.

I can’t instert left/right arrows in product page. Please tell me the steps. This is very important for me. I want it to be like the example as photos …

my email sotirispiperis@yahoo.gr sorry for my english and thank you very much

1 Like

Basically this:

Online Stores → Themes → select your theme then click “Edit Code”

Within assets/component.slider.css add the following code to the bottom of the file:

.slider-buttons {
  position: absolute; 
  top: 50%; 
  width: 100%; 
   z-index: 99999; 
  justify-content: space-between;
}
.slider-counter {
  display: none;
}

Then modify .slider-button to style your button as you wish.

@Sotiris

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

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

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

https://greek-shipping-miracle.myshopify.com/en/products/%CE%B7-%CE%B8%CE%AC%CE%BB%CE%B1%CF%83%CF%83%CE%B1-%CE%B5%CE%BD%CF%8E%CE%BD%CE%B5%CE%B9-%CE%B7-%CE%BD%CE%B1%CF%85%CF%80%CE%B7%CE%B3%CE%B9%CE%BA%CE%AE-%CE%B4%CF%81%CE%B1%CF%83%CF%84%CE%B7%CF%81%CE%B9%CF%8C%CF%84%CE%B7%CF%84%CE%B1-%CF%84%CF%89%CE%BD-%CE%B5%CE%BB%CE%BB%CE%AE%CE%BD%CF%89%CE%BD-%CF%83%CF%84%CE%B7-%CE%BC%CE%B5%CF%84%CE%B1%CF%80%CE%BF%CE%BB%CE%B5%CE%BC%CE%B9%CE%BA%CE%AE-%CE%B3%CE%B5%CF%81%CE%BC%CE%B1%CE%BD%CE%AF%CE%B1

Thank you very very much

Hello and thank you for your help. Unfortunately this does not work for me. What else can I do?

1 Like

@Sotiris

do you need arrow top main image

@KetanKumar Hello and thank you again for your time. Well I want my products to look like this example here www.taschen.com/pages/en/catalogue/classics/all/01194/facts.hokusai_thirty_six_views_of_mount_fuji.htm

1 Like

Your slider is modified, you can just use the same idea from my code to apply to your version of the slider.

@Sotiris

It can be done by doing some code customization. Please take the help of a developer and hire Shopify Expert or me

Hello, yes, I really would like this style also.

https://www.taschen.com/pages/en/catalogue/classics/all/01194/facts.hokusai_thirty_six_views_of_mount_fuji.htm

with my images being larger than they are now and with a way to have forward back arrows and counter below.

Also, wondering if there is a way to easily rearrange images. As I add new shots they show up on the 5th page, at the very end.. Rearranging them/Moving them in Shopify
inventory if very tedious and really a mess.

On my site click, Shop Prints, and Shop, password is chatt
www.danreynoldsphoto.com

Let me know what you think.

Dan

@danreynoldsphot

what do you need its?

I don’t understand the question. Can you rephrase it please ? Thanks

1 Like

@danreynoldsphot

i mean do you need slider please flow this step

https://made4uo.com/blogs/dawn-theme-tweaks-and-trick/product-slider-for-dawn-theme

Ok. That is over my head. What does it cost for you to do this for me ?

1 Like

@danreynoldsphot

i will check and let you know

Hi there, I followed the instructions here, and it worked perfectly for me, however, the price displayed on the product page does not change anymore when a different varient of a different price is selected. My customer cannot see the price of the item until they add it to their cart. Can you help me fix this? Thanks!

i am facing the same issue need to add arows in single product image is attched i found the theme file (assets/component.slider.css) and add css you provide its now working i also check the other code related to the same class (.slider-buttons) and replace it with your but its also not working i am providing you the relevant code for your further help kindly help me to fixed this solution