{"id":11223,"date":"2021-12-24T18:21:49","date_gmt":"2021-12-24T12:51:49","guid":{"rendered":"https:\/\/magecomp.com\/support\/?post_type=manual_documentation&#038;p=11223"},"modified":"2022-03-21T16:39:54","modified_gmt":"2022-03-21T11:09:54","slug":"banner-slider","status":"publish","type":"manual_documentation","link":"https:\/\/magecomp.com\/support\/docs\/mobile-app-magento-2\/banner-slider\/","title":{"rendered":"Banner Slider"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">From the Admin Panel, go to <\/span><b>Stores &gt; Configuration<\/b><\/p>\n<p><span style=\"font-weight: 400;\">Select <\/span><b>Banner Slider<\/b><span style=\"font-weight: 400;\"> from the left pane<\/span><\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone wp-image-11283 size-full\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/12\/banner_slider.png\" alt=\"banner_slider\" width=\"1229\" height=\"618\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/12\/banner_slider.png 1229w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/12\/banner_slider-300x151.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/12\/banner_slider-1024x515.png 1024w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/12\/banner_slider-768x386.png 768w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/12\/banner_slider-600x302.png 600w\" sizes=\"(max-width: 1229px) 100vw, 1229px\" \/><\/p>\n<p><b>Config Slider<\/b><span style=\"font-weight: 400;\"> &#8211; Enable or Disable Banner Slider from here.<\/span><\/p>\n<p><b>Customer Groups<\/b><span style=\"font-weight: 400;\"> &#8211; Select Customer groups to show the banner slider.<\/span><\/p>\n<p><b>Auto Play Slider<\/b><span style=\"font-weight: 400;\"> &#8211; Select Yes if you want to play banner slider automatically.<\/span><\/p>\n<p><b>Auto Play Time<\/b><span style=\"font-weight: 400;\"> &#8211; Set the time for the autoplay banner slider.<\/span><\/p>\n<p><b>Show Next\/Prev Button<\/b><span style=\"font-weight: 400;\"> &#8211; Set Yes if you want to show the next and previous buttons for the banner slider.<\/span><\/p>\n<p><b>Show Dots Navigation <\/b><span style=\"font-weight: 400;\">&#8211; Set Yes if you want to show dots navigation for the banner slider.<\/span><\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-11225 size-full\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/12\/banner-1.png\" alt=\"banner\" width=\"1344\" height=\"957\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/12\/banner-1.png 1344w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/12\/banner-1-300x214.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/12\/banner-1-1024x729.png 1024w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/12\/banner-1-768x547.png 768w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/12\/banner-1-600x427.png 600w\" sizes=\"(max-width: 1344px) 100vw, 1344px\" \/><\/p>\n<p><b>Status &#8211; <\/b><span style=\"font-weight: 400;\">Enable or Disable the banner slider from here for your Mobile App.<\/span><\/p>\n<p><b>Slider Name &#8211; <\/b><span style=\"font-weight: 400;\">Set a name for the banner slider.<\/span><\/p>\n<p><b>Image &#8211; <\/b><span style=\"font-weight: 400;\">Upload the image of the banner slider.<\/span><\/p>\n<p><b>Contents &#8211; <\/b><span style=\"font-weight: 400;\">Add the content that will be displayed on the banner slider.<\/span><\/p>\n<p><b>Content Position &#8211; <\/b><span style=\"font-weight: 400;\">Set the position of the banner slider as left, right, or center.<\/span><\/p>\n<p><b>Content Color &#8211; <\/b><span style=\"font-weight: 400;\">Set the color of the content for the banner slider.<\/span><\/p>\n<p><b>Content Fontsize &#8211; <\/b><span style=\"font-weight: 400;\">Set the font size of the content.<\/span><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":11199,"menu_order":7,"template":"","manualdocumentationcategory":[4014],"manual_doc_tag":[],"class_list":["post-11223","manual_documentation","type-manual_documentation","status-publish","hentry","manualdocumentationcategory-m2-mobile-app"],"_links":{"self":[{"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation\/11223","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\/11223\/revisions"}],"predecessor-version":[{"id":11284,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation\/11223\/revisions\/11284"}],"up":[{"embeddable":true,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation\/11199"}],"wp:attachment":[{"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/media?parent=11223"}],"wp:term":[{"taxonomy":"manualdocumentationcategory","embeddable":true,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manualdocumentationcategory?post=11223"},{"taxonomy":"manual_doc_tag","embeddable":true,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_doc_tag?post=11223"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}