Menu

Add a new hero slider and images to your eCommerce Pro store

  • Updated
Add a new hero slider and images to your eCommerce Pro store

Sliders rotate through a number of images or "slides" that highlight special products or promotions. By default, your eCommerce Pro site will be configured with a Home page slider. You can later add sliders to any page on your site. The following procedure describes how to add a slider. If you want to add or modify images (slides) in an existing slider, see Change your slider images.

To add a slider, first you create the Slider, setting options and adding images, and then you add the slider to a new Widget that is included on a page.

  1. In Magento, go to DDI Theme > Slider.

  2. On Absolute Slider page, click the Add New Slider button.

  3. On the New Slider page, set the following required options:
    • Store View: Select a store to display this slider. By default, it will be available in All Store Views.
    • Name: Type a name to help you identify the slider.
    • Alias: Type the label that will be used when referring to slider within your XML and Template code. We recommend that you use all lower case and separate words with dashes rather than spaces.

  4. Set the remainder of the slider options. You can find tips beneath each option to help you decide, but you can start with the defaults.
  5. Click Save Slider.
  6. Add images to the slider as described in Change your slider images.

Once you have created your slider, you can add it to a widget that you then place on your page layout. See also Creating a widget in the Magento Help Center.

  1. Go to Content > Widgets.

  2. On the Widgets page, click the Add Widget button.

  3. You'll see the Widgets Settings page.
    1. From the Type list, select Absolute Slider.
    2. From the Design Theme list, select DDI Theme.
    3. Click Continue.

  4. Type a Widget Title. and then choose where you want it to appear from the Assign to Store Views list.
  5. Under Layout Updates, specify where you want the widget to appear. Click Add Layout Update.
    1. From the Display on list, select Specified Page.

    2. From the Page list, select the page on which you want the slider to appear. For example, to display it on your home page, choose CMS Home Page.

    3. From the Container list, choose where on the Page Layout you want the slider to appear. For example, to display it directly under the menu and header, choose After Page Header. To learn about a standard page layout, see Standard Block Layout in the Magento Help Center.

  6. Click the Widget Options tab. Then from the Slider Alias list, choose the Slider you created above.

  7. Click Save. To view changes within the site, refresh your website cache.

Related articles