Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

How to add a rotating banner to your website storefront to uniquely brand your website.

Widget Connector
overlayyoutube
_templatecom/atlassian/confluence/extra/widgetconnector/templates/youtube.vm
width

...

550px
urlhttps://www.youtube.com/watch?v=N8pqqTpoJ_0
height

...

315px

Step-by-Step Guide

  1. Login to your administration panel admin.yourwebsiteaddress.com

    1. If your front page slideshow is not enabled, or to ensure it is, visit SETTINGS > SETTINGS CATEGORIES > CMS > Home Page Image Slider and verify or set this setting to ON.
      Image Modified

  2. Navigate to STOREFRONT CMS > CMS FEATURES > IMAGE SLIDER

  3. Click the ADD NEW SLIDE button.

  4. Assign a Title, Description, Slide Destination (where the user will be taken if the slide is clicked, be sure to set your URL to https:// so the banner links to the secure side of your store), Slide Window Target, and if you have multiple banners in rotation, select the number to represent the order in which this banner should appear in the rotation.

  5. Click SAVE. After you press save, a dialog will appear informing you to select your image to upload for your banner.

  6. Browse for and select your banner image file

  7. Click the UPLOAD SLIDER IMAGE button.

  8. Ensure the SLIDE IS VISIBLE ON STORE option is set to YES

    Image Modified
  9. Repeat steps 3-7 for each banner you would like to display.

  10. To edit existing banners, click the  +EDIT SLIDER #1, #2, etc. button that corresponds to the banner you want to edit.

    Image Modified



Filter by label (Content by label)
showLabelsfalse
max5
spacesKB
sortmodified
showSpacefalsesortmodified
reversetrue
typepage
cqllabel in ( "cms" , "storefront-customization" , "slider" ) and type = "page" and space = "KB"
labelslogo branding favicon cms storefront-customization
Page Properties
hiddentrue


Related issues