Return to previous page

How can i have smooth pagination for products

This topic has 4 replies, 2 voices, and was last updated 1 months ago ago by Jack Richardson

ubansal

Participant

March 18, 2025 at 17:36

in products category page while scrolling down after pagination products doesnt show up smoothly . how can i make the products load smoothly to enhance user experience?

Please, contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#437802 Copied Theme version: 9.4.8

3 Answers

Jack Richardson

Support staff

March 19, 2025 at 09:21

Dear @ubansal,

I hope you are doing well.

Could you kindly review the effect of the newly loaded products on the following demo?
https://xstore.8theme.com/elementor3/grocery-mega-market/shop/

Do you find the product loading effect satisfactory? If so, we would recommend trying our “XStore Archive Products Builder” (https://www.8theme.com/documentation/xstore/xstore-builders/xstore-products-archive-builder-with-elementor/), which offers numerous advanced features and effects for product displays.

Alternatively, you may use custom CSS; however, due to the structure, it may not achieve the same level of perfection. If you require additional customization, please feel free to submit your request here: https://www.8theme.com/account/#etheme_customization_panel

Should you have any questions or need further assistance, please do not hesitate to reach out.

Best regards,
Jack Richardson
8Theme Team

#437845 Copied

ubansal

Participant

March 20, 2025 at 07:32

in this page i want the product cards to have less spaces between them and look lil bigger

Files is visible for topic creator and
support staff only.

#437966 Copied
Jack Richardson

Support staff

March 20, 2025 at 10:44
Dear @ubansal,

I hope you are doing well.

@ubansal, you may try adding the following custom CSS in the “Theme Custom CSS” section:

@media only screen and (max-width: 768px) { .main-products-loop .products-grid .product { padding-left: 7px; padding-right: 7px; } .main-products-loop .products-grid { margin-left: -7px; margin-right: -7px; } }

For more details on adding custom CSS, please refer to our documentation: https://www.8theme.com/documentation/xstore/additional-customisation/optimal-placement-for-custom-css-code/

Should you need any further assistance, feel free to reach out.

Best regards,
Jack Richardson
8Theme Team
#438019 Copied
Viewing 4 results - 1 through 4 (of 4 total)