Return to previous page

Issue With Infinite Scrolling – Not Working

This topic has 11 replies, 3 voices, and was last updated 6 months, 2 weeks ago ago by Rose Tyler

nothingandco

Participant

June 8, 2023 at 00:20

Hello XStore Support,

I am trying to get the infinite scrolling working on my shop page, however it is still only showing the page number pagination.

I have followed the steps from your documentation (https://xstore.helpscoutdocs.com/article/65-woocommerce-infinite-scroll-and-ajax-pagination-settings), yet I do not see any updates to my shop with this feature.

Could you assist with this issue?

Thank you in advance!

I’ve included the necessary details in the private content area.

Please, contact administrator
for this information.

#358891 Copied Theme version: 9.1.6

10 Answers

Tony Rodriguez

Support staff

June 8, 2023 at 07:29

Hello @nothingandco,

Xstore has a built-in option to select the pagination type for the shop and Archives pages. You can choose the pagination type infinite scroll for the shop and Archives pages. To do this, please navigate to Xstore > Theme Options > WooCommerce > Shop > Shop Page Layout > select pagination type as infinite scroll and publish it.

Please refer to the attached images for your reference. https://postimg.cc/2LZrK8bx

If this does not work, We suggest disabling all third-party plugins (including cache plugins and CDN) that do not come bundled with XStore (https://xstore.helpscoutdocs.com/article/36-included-plugins), clearing the cache of the browser, and then checking again. It is possible that one of the additional plugins is causing the issue.

If the issue still persists, please keep all third-party plugins deactivated on your site and grant permission to debug your site, which includes deactivating all third-party plugins and on-site Customization. This will allow us to investigate and assist you accordingly.

Please note that you should take a complete backup of your site before proceeding.

Best Regards,
8Theme’s Team

#358907 Copied

nothingandco

Participant

June 8, 2023 at 23:32

I have tried to deactivate all third-party plugins and kept the core XStore theme ones and it worked.

However, afterwards I started to enable one plugin at a time to see which one is interfering with the infinite scrolling and it seems to be Elementor Pro that is the culprit.

Can you assist with this interference?

Thank you in advance. I have also created a backup of my site as well.

Please contact administrator
for this information.

#358980 Copied

Tony Rodriguez

Support staff

June 9, 2023 at 06:03

Hello @nothingandco,

We are pleased to inform you that your issue has been resolved. Please clear your browser cache and check your site again. Elementor Pro is now activated and the pagination is functioning properly.

We have also included the resulting video, which you can watch here: https://www.veed.io/view/474513b5-48cd-48ee-b1de-7bdbe3c57d92?sharingWidget=true&panel=share

The issue was caused by your Custom Template for the Shop Archive, which you designed with Elementor Pro template builder. This template had a higher priority than our theme Shop page, so it was not picking up the Theme Options. We have edited the template and removed the condition, which has resolved the issue. Please refer to the screenshots listed below for further information:

Templated >> Template Builder: https://postimg.cc/7Cr0qgqS
Product Archives: https://postimg.cc/HVJy5SxQ

Best Regards,
8Theme’s Team

#358989 Copied

nothingandco

Participant

June 9, 2023 at 18:31

Ah I see, the shop page now shows the loading / infinite scroll.

However it seems my custom layout was affected. When creating it with Elementor Pro, I was able to put the product category heading and description on the column with the product archive and have the sidebar on the left by itself.

Now it shows the product category description spanning across the full width of the page where it sits above the sidebar and stretches across the right to the product archive.

Is there a way for me to retain the layout I wanted from the template I had while keeping the functionality of the infinite scrolling that you resolved?

#359057 Copied

Tony Rodriguez

Support staff

June 10, 2023 at 06:23

Hello @nothingandco,

We are pleased to inform you that we have successfully resolved your issue. Please clear your browser cache and check your site again. We have selected “Banner Position” as “At the top of the page” under XStore >> Theme Options >> WooCommerce >> Shop >> Shop Page Layout to resolve your issue. Please refer to the screenshot provided here: https://postimg.cc/HjHN1fZd

Thank you for your patience and understanding.

Best Regards,
8Theme’s Team

#359068 Copied

nothingandco

Participant

June 13, 2023 at 00:17

Hey Tony,

Thanks for your help!

Although I can see that you changed the setting so that the banner position is at the top, I was wondering where the setting is that determines how the banner is linked to the category description?

Also would I be able to include the category heading above the description as well in this case?

#359248 Copied

Tony Rodriguez

Support staff

June 13, 2023 at 06:10

Hello @nothingandco,

The shop page and product categories pages are archive pages, and some of the settings you apply for the shop page from Theme Options or the widgets you set for the shop page sidebar will also automatically apply to the product categories pages. This is why the option banner position also has the same impact on the product categories pages as it does on the shop page.

We suggested changing the “Shop Page Banner Position”, because this option affects the position of Category description content also, but it is not obligatory to add any content into this area – https://prnt.sc/ZOfotC5Kw8gw

If you add the heading of the product category, it should be in place.

We hope this information is helpful.

Best regards,
8Theme’s Team

#359255 Copied

nothingandco

Participant

June 27, 2023 at 21:25

Sorry I don’t quite follow.

How exactly would I be able to add the heading of the product categories?

ie. If I go to my shop and click on ‘Tea’ it should show the category description along with the heading ‘Tea’.

Could you point me in the right direction on how this would be done?

#360458 Copied

Tony Rodriguez

Support staff

June 28, 2023 at 08:18

Hello, @nothingandco,

Thank you for your response.

If you would like to add a heading to the product category, you must edit each category under Products > Categories and then use the Heading HTML tag in the description field and update it.

We have created a video to help you with this process. Please watch it in its entirety and follow the steps shown. https://www.veed.io/view/5412d03d-76c2-4b04-a52d-2a80cc9a9afb?sharingWidget=true&panel=share

We hope this resolves your issue.

Best Regards,
8Theme’s Team

#360520 Copied

Rose Tyler

Support staff

October 5, 2023 at 07:52

Hello,

We invite you to test our new version – https://www.8theme.com/topic/xstore-9-2-beta-testing-be-the-first-to-try-your-feedback-shapes-the-future/#post-369269 it includes Products Archive Builder – https://prnt.sc/3Ddw4hhs80yo

Kind Regards,
8theme team

#369402 Copied
Tagged: infinite scrolling, issue, not working, templates, woocommerce, wordpress
Viewing 11 results - 1 through 11 (of 11 total)