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

Solved
Sotiris
Tourist
5 0 3

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 

Στιγμιότυπο 2021-10-22, 3.26.28 μμ copy.jpgΣτιγμιότυπο 2021-10-22, 3.27.31 μμ copy.jpg

 

Accepted Solution (1)

Accepted Solutions
KetanKumar
Shopify Partner
24920 2498 9038

This is an accepted solution.

@Sotiris 

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 14 (14)
marcoswatanabe
Shopify Partner
37 4 9

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.

If my answer was helpful then please Like and Accept Solution :)
If you need help with design, development or marketing your store, talk to one of our experts at https://whymatters.co.uk/
KetanKumar
Shopify Partner
24920 2498 9038

This is an accepted solution.

@Sotiris 

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Sotiris
Tourist
5 0 3

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

KetanKumar
Shopify Partner
24920 2498 9038

@Sotiris 

do you need arrow top main image

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Sotiris
Tourist
5 0 3

@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.h...

marcoswatanabe
Shopify Partner
37 4 9

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

If my answer was helpful then please Like and Accept Solution :)
If you need help with design, development or marketing your store, talk to one of our experts at https://whymatters.co.uk/
KetanKumar
Shopify Partner
24920 2498 9038

@Sotiris 

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

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
danreynoldsphot
Tourist
4 0 2
Hello, yes, I really would like this style also.
 
 
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
 
          Let me know what you think.
 
                          Dan