• Registered: 2010-01-11
  • Posts: 12

Topic: Product Slider Required

Not on topic but I'm looking for a product slider.

I've tried playing with SimpleViewer but it won't give me what I need.

Is it possible with SimpleViewer or one of the other products?

  • Felix
  • Site Admin
  • Offline
  • Registered: 2006-03-16
  • Posts: 4,395

Re: Product Slider Required

What's a product slider?

Felix Turner
SimpleViewer Support Team.

Felix's Website

  • Registered: 2010-01-11
  • Posts: 12

Re: Product Slider Required

Basically a group of thumbnails of product images and descriptions with a left and right arrow and auto scroll.

These then link through to the products.

I've got part way towards what I wanted but I cant put any text on with the images.

I suppose I could edit an image to include text.

  • Felix
  • Site Admin
  • Offline
  • Registered: 2006-03-16
  • Posts: 4,395

Re: Product Slider Required

You should be able to build that with SimpleViewer-Pro. You can add text over the images by setting the 'captionPosition' option to "OVERLAY_BOTTOM": http://www.simpleviewer.net/simpleviewe … ml#caption

Felix Turner
SimpleViewer Support Team.

Felix's Website

  • Registered: 2010-01-11
  • Posts: 12

Re: Product Slider Required

Felix

I'm having trouble seeing the caption in the svBuilder.

I was going to post the code, but I've just lost it :(

  • Registered: 2010-01-11
  • Posts: 12

Re: Product Slider Required

Here is the gallery.xml

<?xml version="1.0" encoding="UTF-8"?>

<simpleviewergallery title="SimpleViewer-Pro Gallery"
    thumbPosition="TOP"
    thumbNavStyle="TRIANGLE"
    buttonBarPosition="NONE"
    showOpenButton="false"
    showFullscreenButton="false"
    titlePosition="NONE"
    captionPosition="OVERLAY_BOTTOM"
    autoPlayOnLoad="true"
    enableLooping="true"
    randomizeAutoPlay="true"
    showAutoPlayStatus="false"
    autoPlayThumbs="true"
    imageClickMode="NONE"
    frameWidth="0"
    embedWidth="720"
    embedHeight="200"
    stageBorder="0"
    startOnRandomImage="true"
    imageTransitionTime="3"
    imageTransitionType="CROSS_FADE"
    showOverlay="NEVER"
    showImageNumber="false"
    displayTime="15"
    embedColor="FFFFFF"
    imageFrameStyle="NONE"
    imageScaleMode="NONE"
    thumbRows="1"
    thumbWidth="150"
    thumbHeight="150"
    maxImageWidth="0"
    maxImageHeight="0"
    imageCornerRadius="0"
    imageNavScale="0"
    imageNavBackOpacity="0"
    hideOverlayOnTransition="false"
    overlayFadeTime="0"
    thumbNavPosition="CENTER"
    thumbNavPadding="10"
    thumbNavSlideTime="10"
    thumbNavColor="006600"
    thumbNavHoverColor="009900"
    thumbNavBackColor="FFFFFF"
    buttonBarPadding="0"
    captionTextAlignment="CENTER"
    captionWidth="150"
    captionHeight="150"

>
  <image imageURL="images/1.jpg"
    thumbURL="thumbs/wide.jpg"
    linkURL="http://www.simpleviewer.net"
    linkTarget="_blank">
    <caption>This is an example <u><a href="http://www.simpleviewer.net" target="_blank">SimpleViewer</a></u> gallery.</caption>
  </image>
  <image imageURL="images/2.jpg"
    thumbURL="thumbs/tall.jpg"
    linkURL=""
    linkTarget="">
    <caption>Test 2</caption>
  </image>
  <image imageURL="images/3.jpg"
    thumbURL="thumbs/wide.jpg"
    linkURL=""
    linkTarget="">
    <caption>Test 3</caption>
  </image>
  <image imageURL="images/4.jpg"
    thumbURL="thumbs/wide.jpg"
    linkURL=""
    linkTarget="">
    <caption>Test 4</caption>
  </image>
  <image imageURL="images/5.jpg"
    thumbURL="thumbs/tall.jpg"
    linkURL=""
    linkTarget="">
    <caption>Test 5</caption>
  </image>
  <image imageURL="images/6.jpg"
    thumbURL="thumbs/wide.jpg"
    linkURL=""
    linkTarget="">
    <caption>Test 6</caption>
  </image>
  <image imageURL="images/7.jpg"
    thumbURL="thumbs/wide.jpg"
    linkURL=""
    linkTarget="">
    <caption>Test 7</caption>
  </image>
</simpleviewergallery>

I have a test page at http://www.online-turf.co.uk/topsoil-tu … l-bulk-bag

  • Felix
  • Site Admin
  • Offline
  • Registered: 2006-03-16
  • Posts: 4,395

Re: Product Slider Required

You are using the thumbnails for the main image - that's interesting :) You can't show text on thumbnails.

I was thinking you would use the main image with the imageTransitionType set to 'SLIDE'.

Felix Turner
SimpleViewer Support Team.

Felix's Website

  • Registered: 2010-01-11
  • Posts: 12

Re: Product Slider Required

Felix

Thanks for that, you've set me on a slightly different track now :)