Home › Forums › WoodMart support forum › There will be as many pagination dots as there are images.
There will be as many pagination dots as there are images.
- This topic has 6 replies, 2 voices, and was last updated 3 weeks ago by
Aizaz Imtiaz Awan.
-
AuthorPosts
-
April 26, 2025 at 8:54 am #656768
asadujjamanhira03ParticipantIn the first screenshot shows that there are three pagination dot but this image section has 5 to 6 photos but I didn’t show this 5/6 pagination dots,after scrolling it’s shows all dots .But I want it should always shows all the pageination dots as image numbers .so can you please solve this problem.
Attachments:
You must be logged in to view attached files.April 26, 2025 at 2:12 pm #656822
Aizaz Imtiaz AwanKeymasterHello,
We tested it on our test site — when uploading 5 images, all 5 pagination dots are showing correctly without scrolling.
Maybe there’s a conflict or specific setting on your site.
Please share your page URL and website login details, I will check and give you a possible solution.
Best Regards,
April 26, 2025 at 5:52 pm #656846
asadujjamanhira03Participantthis is the link
April 27, 2025 at 11:55 am #656883
asadujjamanhira03Participant?
April 28, 2025 at 2:54 pm #657069
Aizaz Imtiaz AwanKeymasterHello,
For implementing carousels, our theme uses the popular carousel library called Swiper.
On the main product gallery, the pagination of this carousel by default uses the “Pagination dynamic” mode, which doesn’t display all available images but only the nearby ones. Since this pagination is centered, at the beginning you see only two next dots, at the end only two previous dots, and in the middle, two previous and two next dots are shown.
For a better demonstration, we recommend reviewing the Swiper demo page (https://swiperjs.com/demos#pagination-dynamic) with the dynamic pagination mode enabled.
This mode was enabled by default in our theme to avoid too many pagination dots when a carousel has a large number of images and to prevent pagination from breaking into two rows. Additionally, it is automatically enabled when the carousel contains six or more images.
If, for any reason, you would prefer not to use the dynamic pagination mode, you can disable it by adding the following custom code to your child theme.
add_filter('woodmart_min_items_for_dynamic_pagination', function () { return 100; });
Best Regards,
May 1, 2025 at 8:48 am #657689
asadujjamanhira03ParticipantHow can i add the code in the child theme ?
May 1, 2025 at 11:17 am #657739
Aizaz Imtiaz AwanKeymasterHello,
Navigate to > Appearance > Theme File Editor
Click on the functions.php file.
Add your PHP code at the bottom, like this: https://ibb.co/TBB3nnh4
Best Regards.
-
AuthorPosts
- You must be logged in to create new topics. Login / Register