Change your slider images

Although typically on the Home page, sliders can appear on page within your eCommerce site. 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 the slider images you initially provide. You can later add, remove, or modify slider images at any time.

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

   

2. On the Absolute Slider page that appears, locate the specific slider that you want to edit. In the example below, there is only a single Home page slider. In the Action column, drop down the Select menu, and click View Slides.
3. 

What you do next depends on whether you want to add, remove, or change a slider image.

To add a slider

1. Click Add New Slide.

   

2. On the New Slide page, you choose where you want the slide to appear, title it, choose an image, and then select options for how it will display. Some of these options are described below. Instructions for the remainder of the options appear beneath the options within the page itself.
3. In the Slide section, under Store View, select All Store Views.
4. In the Title box, type a title for this slider image. This title becomes the Alt text for the image.
5. Under Images, click the Upload button and navigate to the image you want to use.

   

   Tip: Use PNG or JPG format for slider images. Photographic images should be 1920 pixels wide.

6. If you want to use a different image for smaller mobile views, click Upload beside Mobile Image and choose the image that should appear when the browser width is 768 pixels or less.
7. In the Content section, type any text you want to overlay the image. You can use the toolbar to insert images and links or modify the text format. If you want the text to appear on a background block, type the block color in the Background Color box. You must use a color code.

   

8. Under Options, choose select the slide background color, order, and link as described on the screen. If you want to display the image for a limited time only, choose the Active From and Active To dates. This option is useful for advertising sales.

   

9. If you want to add button or text labels beneath the slider images, allowing your customer to click through them, type that label into the Pagination box. Make sure every slide in your slider has a label, and make sure that the Pagination option on the Slider itself is set to True. If you do not set this option, then the pagination will display as dots beneath the slider.

   

10. At the top of the page, click Save Slide.
To view changes within the site, refresh your website cache.
11. Visit your site:

    

To remove a slider image

1. On the Slides page, locate the slider image that you want to remove.
2. In the Action column, drop down the Select list, and choose Delete.

   

3. On the confirmation message that appears, click Yes.
To view changes within the site, refresh your website cache.

To edit a slider image

1. On the Slides page, locate the slider image that you want to remove.
2. In the Action column, drop down the Select list, and choose Edit.

   

3. Follow the procedure to add a slider, above, to edit the image. .
4. If you want to replace the image, click the Delete icon beneath the image, and then Upload a new one.
5. When you have finished, click Save Slide.
To view changes within the site, refresh your website cache.