Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Product gallery - navigation bullets (dots?)


WoodboxWorkshop

Question

Site URL: http://www.woodboxworkshop.com

I just launched my site and the biggest negative feedback is, on the mobile version of the site, product pages seem to only have one image.

The products gallery pages do actually have multiple images, but the only indicator is in the top right of the image and no matter what colour I use it is not clear that there is multiple images. see attached.

Is there a line of code to add navigation bullets (dots?) underneath the product gallery photo? (see attached)

Thanks in advance!

 

IMG_1085.jpg

IMG_1086.jpg

Edited by WoodboxWorkshop
Link to post
  • Answers 6
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

Add to Home > Design > Custom CSS /* Product slide arrows control */ @media screen and (max-width:767px) { .ProductItem-gallery-carousel-controls { display: flex !important; } /* arrows

Posted Images

6 answers to this question

Recommended Posts

  • 0

Add to Home > Design > Custom CSS

/* Product slide arrows control */
@media screen and (max-width:767px) {
.ProductItem-gallery-carousel-controls {
    display: flex !important;
}
/* arrows background */
.ProductItem-gallery-carousel-controls * {
    background: white;
}
.ProductItem-gallery-carousel-controls>div {
    justify-content: center !important;
}
}

 

Link to post
  • 0
On 2/24/2021 at 2:08 AM, janedottievintage said:

I also need help with this, the code is not working for my site.
Please help

site is janedottie.com

Can you share link to a product? We can help easier

Link to post
  • 0
On 3/4/2021 at 1:06 AM, janedottievintage said:

Add this to Design > Custom CSS

/* Product slide arrows control */
@media screen and (max-width:767px) {
.ProductItem-gallery-carousel-controls {
    display: flex !important;
}
/* arrows background */
.ProductItem-gallery-carousel-controls * {
    background: white;
}
.ProductItem-gallery-carousel-controls>div {
    justify-content: center !important;
}
.ProductItem .product-item-gallery-carousel-control::after, .ProductItem .product-item-gallery-carousel-control::after {
    border-color: black !important;
}
}

 

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...