{"id":1694,"date":"2024-09-26T13:44:49","date_gmt":"2024-09-26T13:44:49","guid":{"rendered":"http:\/\/docs"},"modified":"2024-09-27T07:28:43","modified_gmt":"2024-09-27T07:28:43","password":"","slug":"woocommerce-infinite-scroll-and-ajax-pagination-settings","status":"publish","type":"docs","link":"https:\/\/www.8theme.com\/documentation\/xstore\/plugins\/woocommerce-infinite-scroll-and-ajax-pagination-settings\/","title":{"rendered":"WooCommerce Infinite Scroll and Ajax Pagination settings"},"content":{"rendered":"<p>XStore comes bundled with an extremely useful plugin,\u00a0 <a href=\"https:\/\/codecanyon.net\/item\/woocommerce-infinite-scroll-and-ajax-pagination\/10192075\" target=\"_blank\" rel=\"nofollow noopener\">WooCommerce Infinite Scroll and Ajax Pagination<\/a>. This plugin converts default product pagination into Infinite Scroll or Ajax pagination with the WooCommerce Lazy Load. To make this plugin work with our theme, you will need to add a number of special settings<\/p>\n<p><iframe src=\"https:\/\/www.youtube.com\/embed\/QG7DsKA2n9g\" width=\"830\" height=\"467\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><br \/>\n<\/iframe><\/p>\n<p><strong>\u00a0<\/strong><\/p>\n<p><strong>Pagination Type &#8211;\u00a0Infinite Scroll<\/strong><\/p>\n<p>Go to Settings &gt; WooCommerce Infinite<\/p>\n<p>Find Selector settings and change to:<\/p>\n<p><u> For XStore theme version 4.19 and higher<\/u><\/p>\n<ul>\n<li><b style=\"background-color: initial;\">Content Selector:<\/b>\u00a0.products-loop<\/li>\n<li><b style=\"background-color: initial;\">Item Selector:<\/b>\u00a0.product<\/li>\n<li><b style=\"background-color: initial;\">Navigation Selector:<\/b>\u00a0.after-shop-loop .woocommerce-pagination<\/li>\n<li><b style=\"background-color: initial;\">Next Selector:\u00a0<\/b>.after-shop-loop .woocommerce-pagination a.next<\/li>\n<\/ul>\n<p><img decoding=\"async\" src=\"https:\/\/s3.amazonaws.com\/helpscout.net\/docs\/assets\/5809d09590336070ba24798e\/images\/582033acc697914aa8380677\/file-gmDxTcpPvH.jpg\" \/><\/p>\n<p>Find Advanced Settings &gt;\u00a0On Pagination End<\/p>\n<p><u> For XStore theme version 4.19 and higher<\/u><\/p>\n<pre class=\"brush: html\">jQuery('.filter-wrap .woocommerce-pagination').hide();\netTheme.global_image_lazy();\netTheme.contentProdImages();\n<\/pre>\n<p>The other settings may be selected in accordance with your needs.<\/p>\n<p><strong>Pagination Type &#8211;\u00a0Ajax Pagination<\/strong><\/p>\n<p>Go to Settings &gt; WooCommerce Infinite Scroll<\/p>\n<p>Find Selector settings and change to:<\/p>\n<p><u> For XStore theme version 4.19 and higher<\/u><\/p>\n<ul>\n<li><b style=\"background-color: initial;\">Content Selector:<\/b>\u00a0.products-loop<\/li>\n<li><b style=\"background-color: initial;\">Item Selector:<\/b>\u00a0.product<\/li>\n<li><b style=\"background-color: initial;\">Navigation Selector:<\/b>\u00a0 .woocommerce-pagination<\/li>\n<li><b style=\"background-color: initial;\">Next Selector:\u00a0<\/b>\u00a0.woocommerce-pagination a.next<\/li>\n<\/ul>\n<p><u> For XStore theme version 4.18 and earlier<\/u><\/p>\n<ul>\n<li><b style=\"background-color: initial;\">Content Selector:<\/b>\u00a0.products-loop<\/li>\n<li><b style=\"background-color: initial;\">Item Selector:<\/b>\u00a0.product<\/li>\n<li><b style=\"background-color: initial;\">Navigation Selector:<\/b>\u00a0.pagination-cubic<\/li>\n<li><b style=\"background-color: initial;\">Next Selector:\u00a0<\/b>.pagination-cubic a.next<\/li>\n<\/ul>\n<p>The other settings may be selected in accordance with your needs.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>XStore comes bundled with an extremely useful plugin,\u00a0 WooCommerce Infinite Scroll and Ajax Pagination. This plugin converts default product pagination into Infinite Scroll or Ajax pagination with the WooCommerce Lazy Load. To make this plugin work with our theme, you will need to add a number of special settings \u00a0 Pagination Type &#8211;\u00a0Infinite Scroll Go [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"doc_category":[38],"doc_tag":[],"class_list":["post-1694","docs","type-docs","status-publish","hentry","doc_category-plugins"],"aioseo_notices":[],"year_month":"2026-06","word_count":192,"total_views":"5448","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"author_nicename":"docs","author_url":"https:\/\/www.8theme.com\/documentation\/author\/docs\/"},"doc_category_info":[{"term_name":"Plugins","term_url":"https:\/\/www.8theme.com\/documentation\/xstore\/plugins\/"}],"doc_tag_info":[],"author_list":[{"ID":"1","user_login":"docs","display_name":"docs","id":"1"}],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/docs\/1694","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/comments?post=1694"}],"version-history":[{"count":2,"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/docs\/1694\/revisions"}],"predecessor-version":[{"id":1944,"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/docs\/1694\/revisions\/1944"}],"wp:attachment":[{"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/media?parent=1694"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/doc_category?post=1694"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/doc_tag?post=1694"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}