shopp('collection.carousel')

Shows a side-scrolling carousel of products loaded in the category.

Options

  • duration: Default is 500. The duration in microseconds of the transition effect (1000 = 1 second)
  • fit: Default is crop. The fit of unproportional images: width, height, crop, matte, all
  • imageheight: The maximum height of the images
  • imagewidth: The maximum width of the images.

Examples

<?php shopp('collection','carousel'); ?>

Show a Category in a Carousel

Specify a category to load and display as a carousel

<?php
shopp('catalog','collection','id=25&load=true&show=15');
shopp('collection','carousel');
?>

See Also

  1. Avatar of Jeremy

    If used outside of the Shopp templates, wrap your carousel in a div with the id “shopp” and the class “catalog” like this:

    June 17th   #

  2. Avatar of david sley

    Hi, i can’t see the example to make this work. Is there a short code?

    Thanks.

    March 10th   #

  3. Avatar of Andy

    if you want the carousel outside of regular shopp pages i found it was necessary to wrap in a div with the class “shopp_page” as well as “catalog”

    then it worked fine

    June 16th   #

  4. Avatar of Andy

    further to last comment – this code worked for me to have carousel of entire catalog

    shopp('storefront','catalog-products','order=random&amp;load=false');
    shopp('catalog','collection','load=true&amp;show=8&amp;order=chaos');
    shopp('collection','carousel', 'imageheight=240&amp;imagewidth=181&amp;fit=crop');
    
    June 17th   #

You must be logged in to post a comment.

© Ingenesis Limited. Shopp™ is a registered trademark of Ingenesis Limited.

Skip to toolbar