Glossary Item Box
Overview
With this feature you can add a responsive (mobile-friendly) image slideshow to your store's homepage. Optionally, You can add titles, text, and links to your slides.
Enabling / Disabling the Slideshow
Working with Slides
Viewing slide records
Creating or changing slides
Controlling which slides appear in the slideshow
Responsive Design Changes
The recommended proportions for slideshow images work great on large screens. On small screens such as phones and small tablets, the slide images if left at the same proportions would look wide and short (especially if the device is in portrait orientation):
To improve the appearance of the slideshow on small screens Squirrelcart by default will crop the left and right sides of the image off to make the proportions of the image more appealing:
To disable this functionality in versions 5.6.0 and newer:
Uncheck the Crop on Small Screens field on your Homepage Slideshow settings page.
To disable this functionality in versions 5.5.x and earlier:
Add this CSS to your style_custom.css.php stylesheet file:
/* prevent cropping of slide show images */ @media screen and (max-width: 560px) { .slides_nocrop .slide { width: 100%; } .slides_nocrop .slide > img:first-child { margin-left: 0%; } .slides_nocrop .slide_info { margin-left: 5%; } #sc .slides_nocrop .slide h4 { margin-bottom: 0; } #sc .slides_nocrop .slide .btn, #sc .slides_nocrop .slide .btn:active { font-size: .8em; line-height: 1; padding: 8px; } }
© 2001-2017 Lighthouse Development. All Rights Reserved.