Solved

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

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)

KetanKumar
Shopify Partner
36839 3635 11972

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 16 (16)

marcoswata
Shopify Partner
122 10 34

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, contact me!
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
36839 3635 11972

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

marcoswata
Shopify Partner
122 10 34

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, contact me!
KetanKumar
Shopify Partner
36839 3635 11972

@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
 
KetanKumar
Shopify Partner
36839 3635 11972

@danreynoldsphot 

what do you need its?

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

 

 

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

KetanKumar
Shopify Partner
36839 3635 11972

@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

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

 

 

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

KetanKumar
Shopify Partner
36839 3635 11972

@danreynoldsphot 

i will check and let you know 

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
maurinclan
Explorer
52 1 31

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!

khubaib
Visitor
1 0 0

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

KetanKumar
Shopify Partner
36839 3635 11972

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