{"id":11047,"date":"2021-11-10T16:44:53","date_gmt":"2021-11-10T11:14:53","guid":{"rendered":"https:\/\/magecomp.com\/support\/?post_type=manual_documentation&#038;p=11047"},"modified":"2024-01-26T16:49:26","modified_gmt":"2024-01-26T11:19:26","slug":"configuration","status":"publish","type":"manual_documentation","link":"https:\/\/magecomp.com\/support\/docs\/banner-slider-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-13190\" title=\"banner slider configuration\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/11\/banner-slider-configuration-1-1.png\" alt=\"banner slider configuration\" width=\"1279\" height=\"603\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/11\/banner-slider-configuration-1-1.png 1279w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/11\/banner-slider-configuration-1-1-300x141.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/11\/banner-slider-configuration-1-1-1024x483.png 1024w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/11\/banner-slider-configuration-1-1-768x362.png 768w\" sizes=\"(max-width: 1279px) 100vw, 1279px\" \/><\/p>\n<ul>\n<li><b>Banner Slider <\/b><span style=\"font-weight: 400;\">&#8211;<\/span> <span style=\"font-weight: 400;\">Enable the extension from here.<\/span><\/li>\n<li><b>Customer Groups<\/b><span style=\"font-weight: 400;\"> &#8211; Select the customer groups to show the Banner Slider.<\/span><\/li>\n<li><b>Auto Play Slider<\/b><span style=\"font-weight: 400;\"> &#8211; Set whether the slider changes automatically or not.<\/span><\/li>\n<li><b>Auto Play Time<\/b><span style=\"font-weight: 400;\"> &#8211; Set the time interval between 1 second to 10 seconds for Banner Slider change.<\/span><\/li>\n<li><b>Show Next\/Prev Button<\/b><span style=\"font-weight: 400;\"> &#8211; Select Yes if you want to show the next and previous buttons for Banner Slider.<\/span><\/li>\n<li><b>Show Dots Navigation<\/b><span style=\"font-weight: 400;\"> &#8211; Select Yes if you want to show dots for Banner Slider navigation.<\/span><\/li>\n<\/ul>\n<p>To add a banner, go to <strong>Banner Slider &gt; Banner Slider Manager &gt; Add New Banner<\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-13191\" title=\"banner slider settings\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/11\/banner-slider-settings-1.png\" alt=\"banner slider settings\" width=\"1271\" height=\"603\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/11\/banner-slider-settings-1.png 1271w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/11\/banner-slider-settings-1-300x142.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/11\/banner-slider-settings-1-1024x486.png 1024w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/11\/banner-slider-settings-1-768x364.png 768w\" sizes=\"(max-width: 1271px) 100vw, 1271px\" \/><\/p>\n<ul>\n<li><b>Status<\/b><span style=\"font-weight: 400;\"> &#8211; Enable or Disable a particular Banner Slider from here.<\/span><\/li>\n<li><b>Name<\/b><span style=\"font-weight: 400;\">\u00a0 &#8211; Give a name to the Banner Slider. This will be used when you add images to this banner slider.<\/span><\/li>\n<li><b>Store View<\/b><span style=\"font-weight: 400;\"> &#8211; Select the store view for which you want to show the Banner Slider.<\/span><\/li>\n<li><b>Where to Display<\/b><span style=\"font-weight: 400;\"> &#8211; Select where you want to show the Banner Slider. The options include Home Page, Category Page, Checkout Page, Shopping Cart Page, Home Page.<\/span><\/li>\n<li><b>Position<\/b><span style=\"font-weight: 400;\"> &#8211; Set the position of the Banner Slider on the front end. The available options are <\/span><span style=\"font-weight: 400;\">Content Top, Content Bottom, Main Content Area, After Page Header Top, Main Content Container.<\/span><\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-13192\" title=\"banner slider duration\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/11\/banner-slider-duration-1.png\" alt=\"banner slider duration\" width=\"871\" height=\"343\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/11\/banner-slider-duration-1.png 871w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/11\/banner-slider-duration-1-300x118.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/11\/banner-slider-duration-1-768x302.png 768w\" sizes=\"(max-width: 871px) 100vw, 871px\" \/><\/p>\n<ul>\n<li><b>Date From<\/b><span style=\"font-weight: 400;\"> &#8211; Select the date from which the Banner Slider is enabled in the store front end.<\/span><\/li>\n<li><b>Date To <\/b><span style=\"font-weight: 400;\">&#8211; Select the date till which the Banner Slider will be enabled in the store front end.<\/span><\/li>\n<li><b>Height<\/b><span style=\"font-weight: 400;\"> &#8211; Set the height of the Banner Slider in pixels.\u00a0<\/span><\/li>\n<li><b>Width<\/b><span style=\"font-weight: 400;\"> &#8211; Set the width of the Banner Slider in percentage.<\/span><\/li>\n<\/ul>\n<p>To add a banner image, go to <strong>Banner Slider &gt; Banner Image Manager &gt; Add New Banner Image<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13193\" title=\"brand slider image settings\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/11\/brand-slider-image-settings-1.png\" alt=\"brand slider image settings\" width=\"1281\" height=\"604\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/11\/brand-slider-image-settings-1.png 1281w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/11\/brand-slider-image-settings-1-300x141.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/11\/brand-slider-image-settings-1-1024x483.png 1024w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/11\/brand-slider-image-settings-1-768x362.png 768w\" sizes=\"(max-width: 1281px) 100vw, 1281px\" \/><\/p>\n<ul>\n<li><b>Status<\/b><span style=\"font-weight: 400;\"> &#8211; Enable or Disable Banner Slider Image from here.<\/span><\/li>\n<li><b>Slider Name<\/b><span style=\"font-weight: 400;\"> &#8211; Select the required Banner Slider from here.<\/span><\/li>\n<li><b>Image<\/b><span style=\"font-weight: 400;\"> &#8211; Upload the Banner Slider Image or select from the gallery with up to 2 MB size.<\/span><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13194\" title=\"banner slider content settings\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/11\/banner-slider-content-settings-1.png\" alt=\"banner slider content settings\" width=\"1281\" height=\"605\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/11\/banner-slider-content-settings-1.png 1281w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/11\/banner-slider-content-settings-1-300x142.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/11\/banner-slider-content-settings-1-1024x484.png 1024w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/11\/banner-slider-content-settings-1-768x363.png 768w\" sizes=\"(max-width: 1281px) 100vw, 1281px\" \/><\/p>\n<ul>\n<li><b>Content<\/b><span style=\"font-weight: 400;\">\u00a0&#8211; Add the content if you want to show it on the banner slider image.<\/span><\/li>\n<li><b>Content Position<\/b><span style=\"font-weight: 400;\"> &#8211; Set the position of the Content on Banner Slider as left, right, or center.\u00a0<\/span><\/li>\n<li><b>Content Color<\/b><span style=\"font-weight: 400;\"> &#8211; Set the Color of the content on the Banner Slider.<\/span><\/li>\n<li><b>Content Fontsize<\/b><span style=\"font-weight: 400;\"> &#8211; Set the size of the content font on the Banner Slider.<\/span><\/li>\n<\/ul>\n","protected":false},"author":1,"featured_media":0,"parent":11043,"menu_order":1,"template":"","manualdocumentationcategory":[4011],"manual_doc_tag":[],"class_list":["post-11047","manual_documentation","type-manual_documentation","status-publish","hentry","manualdocumentationcategory-m2-banner-slider"],"_links":{"self":[{"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation\/11047","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":2,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation\/11047\/revisions"}],"predecessor-version":[{"id":13195,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation\/11047\/revisions\/13195"}],"up":[{"embeddable":true,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation\/11043"}],"wp:attachment":[{"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/media?parent=11047"}],"wp:term":[{"taxonomy":"manualdocumentationcategory","embeddable":true,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manualdocumentationcategory?post=11047"},{"taxonomy":"manual_doc_tag","embeddable":true,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_doc_tag?post=11047"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}