How to making slides numbered on product page (Baseline Theme)?

Store Design
,
1

Hello Guys,

Is there someone could help with slides on Product page. Making easier to slide on (mobile device) I would like to remove the arrows and the dots and replace with numbers as showing on this website exemple:

https://www.givenchy.com/nl/en/givenchy-4g-cropped-jacket-in-wool-and-leather-/BW00CQ611N-004.html

————————-

Here is what my product page look like

  • Remove Arrows and dots

  • Create slides easier to change images

  • It’s possible to numbered ( as showing on exemple above)

A514BBDE-B9B5-4B1B-B954-3C4040FBF075.jpeg
A514BBDE-B9B5-4B1B-B954-3C4040FBF075.jpeg1125×2142 373 KB

website: https://amrhstudio.com

password: [email removed]

thanks for all advices!

2

Hi @AmeraStudios
Just checked your store.
In this case I think your theme does not support for swipe to change image on mobile, So you need to click on the arrow button to change the image.
You can make the arrow size bigger, that help customer can click on the button easier

1 Like
3

Hi @AmeraStudios On the Insert tab, select Slide Number. On the Slide tab, check the Slide number box. If you don’t want a number to appear on the title slide, also check the Don’t show on title slide box. Select Apply to All.

For more information please check this : https://support.microsoft.com/en-us/office/insert-or-change-the-slide-numbers-date-or-footer-for-on-screen-slides-8bad6395-a1f4-4af6-a360-0df412e510bf#:~:text=Add%20slide%20numbers%20to%20your,Select%20Apply%20to%20All.

4

:blush: :blush: :blush:

5

Hello @ExpertRookie , Thanks for your advice, but is there the possibility to let just the DOTS (overlay on bottom image) and remove the arrows?

Thanks for your help again!

best regards

ameerah

6

Hi @AmeraStudios
You can try to add this code into the bottom of the theme.min.css file

.splide__pagination--product {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
}
.splide__arrows {
display: none;
}
1 Like
7

Hello @ExpertRookie , It’s works perfectly :blush: Thanks so much !

Really appreciated your help. Highly recommend your services!

Have a great day

Best regards,

Ameerah :hugs: