{"id":523,"date":"2017-10-18T13:15:55","date_gmt":"2017-10-18T17:15:55","guid":{"rendered":"http:\/\/amy.imarketbeta.com\/blog\/?page_id=523"},"modified":"2017-11-15T15:23:39","modified_gmt":"2017-11-15T23:23:39","slug":"banner-slideshow","status":"publish","type":"page","link":"http:\/\/amy.imarketbeta.com\/blog\/part-2-staff-user-guide\/modules\/banner-slideshow\/","title":{"rendered":"Banner Slideshow"},"content":{"rendered":"<h1>Banner Slideshow<\/h1>\n<p>Use this to add\/edit\/delete banner images from the homepage hero container.<\/p>\n<p><strong>Note<\/strong>: As of Q4 2017, iMarket made the decision to move away from the banner module (you can read more about this decision <a href=\"http:\/\/wiki.imarketsolutions.com\/entry\/view\/360\">here<\/a>). To check if a specific site has the banner module available, refer to the Site Specs section of the Project Overview in the Dashboard. <strong>This entry is only applicable for sites with the Banner Module active.<\/strong><\/p>\n<h2>What Can I Add?<\/h2>\n<p><strong>Banner Slideshow (Hero) Images<\/strong><\/p>\n<ul>\n<li>Click the yellow &#8220;Add New Images to Banner Slideshow&#8221; button.<\/li>\n<li>An image uploader will open where you can select one or multiple images to add.<img loading=\"lazy\" class=\"size-full wp-image-1833\" src=\"http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/banner-upload-images.jpg\" alt=\"\" width=\"1132\" height=\"800\" srcset=\"http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/banner-upload-images.jpg 1132w, http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/banner-upload-images-300x212.jpg 300w, http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/banner-upload-images-768x543.jpg 768w, http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/banner-upload-images-1050x742.jpg 1050w\" sizes=\"(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 905px, 1075px\" \/><\/li>\n<li>Once the image has been uploaded, it will be added to the list of images. However, it will be grayed out (which means it is not visible on the website). Before making it visible, we should add any applicable text or links.<\/li>\n<li>Click the yellow gear icon in the righthand corner of the image. Select &#8220;Edit Image Information&#8221; from the menu that appears.<img loading=\"lazy\" class=\"size-full wp-image-1834\" src=\"http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/banner-gear-options.jpg\" alt=\"\" width=\"1145\" height=\"773\" srcset=\"http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/banner-gear-options.jpg 1145w, http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/banner-gear-options-300x203.jpg 300w, http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/banner-gear-options-768x518.jpg 768w, http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/banner-gear-options-1050x709.jpg 1050w\" sizes=\"(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 905px, 1075px\" \/><\/li>\n<li>A window will appear with fields to edit the <span class=\"tooltips \" style=\"\" title=\"The placement of this text will depend on the site design.\">title,<\/span> <span class=\"tooltips \" style=\"\" title=\"The placement of this text will depend on the site design.\">description,<\/span> image alt tag, and file name. There is also a field to add a link for the image, if applicable. Once you&#8217;ve made the necessary edits, select the yellow &#8220;Save&#8221; button.<\/li>\n<li>Return to your grayed out image and select the yellow gear icon once more. Select &#8220;Show Image&#8221; from the menu that appears to make the image visible.<\/li>\n<\/ul>\n<h2>Edit or Delete Banner (Hero) Images<\/h2>\n<ul>\n<li>Select the yellow gear icon on the image to be edited\/deleted.\n<ul>\n<li>Select &#8220;Edit Image Information&#8221; to edit the title, description, alt text, file name, and\/or link.<\/li>\n<li>Select &#8220;Delete Image&#8221; to delete the image completely from the library.<\/li>\n<li>Select &#8220;Show Image&#8221; to make the image visible (this option will only display if the image is not currently visible).<\/li>\n<li>Select &#8220;Hide Image&#8221; to make the image hidden (this option will only display if the image is not currently hidden).<\/li>\n<\/ul>\n<\/li>\n<li>Images can be reordered by clicking on an image and dragging it to the desired location.<br \/>\n<img loading=\"lazy\" class=\"size-full wp-image-1834\" src=\"http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/banner-gear-options.jpg\" alt=\"\" width=\"1145\" height=\"773\" srcset=\"http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/banner-gear-options.jpg 1145w, http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/banner-gear-options-300x203.jpg 300w, http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/banner-gear-options-768x518.jpg 768w, http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/banner-gear-options-1050x709.jpg 1050w\" sizes=\"(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 905px, 1075px\" \/><\/p>\n<h2><\/h2>\n<\/li>\n<\/ul>\n<h2>Sample Output<\/h2>\n<p>The banner module images will display in the hero container on the homepage. The title, description and link may or may not appear on the banner image (depending upon the site design).<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-1840\" src=\"http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/banner-output.jpg\" alt=\"\" width=\"1223\" height=\"852\" srcset=\"http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/banner-output.jpg 1223w, http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/banner-output-300x209.jpg 300w, http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/banner-output-768x535.jpg 768w, http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/banner-output-1050x731.jpg 1050w\" sizes=\"(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 905px, 1075px\" \/><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>How to use the banner module to add\/edit\/delete images from the homepage hero container.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":521,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"http:\/\/amy.imarketbeta.com\/blog\/wp-json\/wp\/v2\/pages\/523"}],"collection":[{"href":"http:\/\/amy.imarketbeta.com\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/amy.imarketbeta.com\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/amy.imarketbeta.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/amy.imarketbeta.com\/blog\/wp-json\/wp\/v2\/comments?post=523"}],"version-history":[{"count":7,"href":"http:\/\/amy.imarketbeta.com\/blog\/wp-json\/wp\/v2\/pages\/523\/revisions"}],"predecessor-version":[{"id":1847,"href":"http:\/\/amy.imarketbeta.com\/blog\/wp-json\/wp\/v2\/pages\/523\/revisions\/1847"}],"up":[{"embeddable":true,"href":"http:\/\/amy.imarketbeta.com\/blog\/wp-json\/wp\/v2\/pages\/521"}],"wp:attachment":[{"href":"http:\/\/amy.imarketbeta.com\/blog\/wp-json\/wp\/v2\/media?parent=523"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/amy.imarketbeta.com\/blog\/wp-json\/wp\/v2\/categories?post=523"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/amy.imarketbeta.com\/blog\/wp-json\/wp\/v2\/tags?post=523"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}