{"id":10877,"date":"2021-08-17T16:29:10","date_gmt":"2021-08-17T10:59:10","guid":{"rendered":"https:\/\/magecomp.com\/support\/?post_type=manual_documentation&#038;p=10877"},"modified":"2023-04-06T16:24:44","modified_gmt":"2023-04-06T10:54:44","slug":"configuration","status":"publish","type":"manual_documentation","link":"https:\/\/magecomp.com\/support\/docs\/infinite-scroll-magento-2\/configuration\/","title":{"rendered":"Configuration"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Once the extension is installed successfully, go to <\/span><b>Stores&gt;Configuration<\/b><span style=\"font-weight: 400;\"> to configure the extension for use.<\/span><\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-full wp-image-10882\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/08\/1.Configuration-1.png\" alt=\"1.Configuration\" width=\"1357\" height=\"635\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/08\/1.Configuration-1.png 1357w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/08\/1.Configuration-1-300x140.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/08\/1.Configuration-1-1024x479.png 1024w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/08\/1.Configuration-1-768x359.png 768w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/08\/1.Configuration-1-600x281.png 600w\" sizes=\"(max-width: 1357px) 100vw, 1357px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><b>Configuration<\/b><\/p>\n<p><b>Infinite Scroll: <\/b><span style=\"font-weight: 400;\">You can Enable the Infinite Scroll Extension from this field.<\/span><\/p>\n<p><b>Loading Type: <\/b><span style=\"font-weight: 400;\">Set the type of loading from the drop-down menu. when setting automatic as the loading type, the page will automatically be loaded on page scroll. alternatively, when setting on button click as the loading type, the page will be further loaded with the click of the button.<\/span><\/p>\n<p><b>Loading Text: <\/b><span style=\"font-weight: 400;\">From this field, you can set a customized text when the page is being loaded.<\/span><\/p>\n<p><b>Loading Image: <\/b><span style=\"font-weight: 400;\">Here, you can set an image that will be displayed when the page is being loaded.<\/span><\/p>\n<p><b>Page End Text: <\/b><span style=\"font-weight: 400;\">In this field, you can set a customized text to be displayed when all the products on the page are loaded.<\/span><\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-11729 size-full\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/08\/button-configuration-2.png\" alt=\"button configuration\" width=\"1286\" height=\"556\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/08\/button-configuration-2.png 1286w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/08\/button-configuration-2-300x130.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/08\/button-configuration-2-1024x443.png 1024w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/08\/button-configuration-2-768x332.png 768w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/08\/button-configuration-2-600x259.png 600w\" sizes=\"(max-width: 1286px) 100vw, 1286px\" \/><\/p>\n<p><b>Load Next Button<\/b><\/p>\n<ul>\n<li><b>Label For Next Button: <\/b><span style=\"font-weight: 400;\">You can set a customized text of the next button from this field.<\/span><\/li>\n<li><b>Button Color: <\/b><span style=\"font-weight: 400;\">Set the color of the button from this field.<\/span><\/li>\n<li><b>Button Background Color: <\/b><span style=\"font-weight: 400;\">Set the background color of the button from this field.<\/span><\/li>\n<\/ul>\n<p><strong>Progressbar<\/strong><\/p>\n<ul>\n<li><strong>Progressbar Background Color:<\/strong> <span style=\"font-weight: 400;\">Set the background color of the progress bar.<\/span><\/li>\n<\/ul>\n<p><b>Back To Top Button<\/b><\/p>\n<ul>\n<li><b>Enabled: <\/b><span style=\"font-weight: 400;\">You can Enable the Back to top button from this field.<\/span><\/li>\n<li><b>Button Color: <\/b><span style=\"font-weight: 400;\">Set the color of the button from this field.<\/span><\/li>\n<li><b>Button Background Color: <\/b><span style=\"font-weight: 400;\">Set the background color of the button from this field.<\/span><\/li>\n<\/ul>\n","protected":false},"author":1,"featured_media":0,"parent":10873,"menu_order":1,"template":"","manualdocumentationcategory":[4002],"manual_doc_tag":[],"class_list":["post-10877","manual_documentation","type-manual_documentation","status-publish","hentry","manualdocumentationcategory-m2-infinite-scroll"],"_links":{"self":[{"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation\/10877","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation"}],"about":[{"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/types\/manual_documentation"}],"author":[{"embeddable":true,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":1,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation\/10877\/revisions"}],"predecessor-version":[{"id":11730,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation\/10877\/revisions\/11730"}],"up":[{"embeddable":true,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation\/10873"}],"wp:attachment":[{"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/media?parent=10877"}],"wp:term":[{"taxonomy":"manualdocumentationcategory","embeddable":true,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manualdocumentationcategory?post=10877"},{"taxonomy":"manual_doc_tag","embeddable":true,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_doc_tag?post=10877"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}