Skip to content
  • There are no suggestions because the search field is empty.

Slideshow for Mobile

ProductCart includes a Home Page Slideshow that can be managed via your Control Panel. The slideshow is responsive, meaning that it will automatically resize as its containing element resizes.  This allows you to use the same exact slideshow on both your Standard Home Page and your Mobile Home Page if you choose.  However, we recommend customizing your Mobile Slideshow, for optimum display and results.

Option 1: Using the Standard Slideshow on Your Mobile Site

To manage your Home Page Slideshow, go to the Settings menu, choose Images and Navigation, and then Upload Slideshow Images.

Click on the " Mobile" tab. At the very top of the page you'll see a checkbox to " Use Desktop Settings" which will allow you to share same slides and settings between your Mobile and Standard Desktop sites.



Article-Inline-img1.gif

 

Option 2: Managing a Separate Mobile Slideshow

If you'd prefer to manage a separate slideshow for your mobile visitors which is optimized for display on smaller screens (recommended), make sure " Use Desktop Settings" is un-checked.

Manage Mobile Slide Settings

MobileBannerPage.png

Slide Dimensions - Set the width and height of the slideshow here. The dimensions you set here will set the upper size limit for your slide images as well as the aspect ratio.  All slide images that you upload will be resized to these dimensions and the aspect ratio will be locked. However, since the slideshow is responsive, the slides will resize depending on the screen resolution of the device accessing your site.  We recommend an upper width of 550 pixels.

If you have uploaded slides already and change the dimensions here, you will be alerted to the slides that you need to re-upload. Simply click the "Re-Upload" link to update the slide.

Pause Time - This is the amount of time the slideshow will "pause" on an individual slide. If you have added text to your images you will want to make sure this time is large enough for your visit to read completely.  Note: 5000 ms translates to 5 seconds.

Animation Speed - This number refers to the time taken between the slides for your transitions. To completely disable transition animations, set this field to 0.

Slides -  Under the "Slides" section, you can "drag-and-drop" the order of the slides, delete any give slide, or add captions, alt text, URL link and display dates.
​​​​​​​
MobileBannerPage_slideSettings.png