Announcement

Announcement Module
Collapse
No announcement yet.

Edit Image Slider -Updated!

Page Title Module
Move Remove Collapse
X
Conversation Detail Module
Collapse
  • Filter
  • Time
  • Show
Clear All
new posts

  • Edit Image Slider -Updated!

    The Image Slider is a great feature that allows you to display rotating pictures on your homepage. This feature may be displayed in two different styles.

    Style 1 (Nivo Slider)

    NOTE: The correct image size to use for the NIVO Slider 540x200 px

    <a href="http://s3.resaleworld.com.s3.amazonaws.com/angel/Image_Slider_Example.swf" target="_blank">Click here to play video.</a>

    Style 2 (Featured Box)

    NOTE: The correct image size to use for the featured box 320x240 px

    <a href="http://s3.resaleworld.com.s3.amazonaws.com/angel/Image_slider_example2.swf" target="_blank">Click here to play video.</a>

    To enable this feature you will need to perform the following:

    1. Login to your ShopRW site
    2. Click Settings > General Settings



    3. Click Modules > Smart_Template



    4. Scroll down and search for the Enable Image Loader option. Click the drop down arrow to choose which style you would like displayed.



    How To Change the Images.

    1. Click Content > Edit Templates



    2. Click on the folder labeled smart_template/
    3. Click on the folder labeled custom/
    4. Click on the file labeled slider.tpl
    5. Depending on which style you have decided to use will determine which section in the template file will need to modified. However, before you attempt to change the images, you must have a clear understanding of how image hosting works with ShopRW. Please click here for information on how to host your images through your ShopRW site.

    If you plan to use the NIVO SLIDER then scroll to search for the following line:

    {* IF YOU HAVE ENABLED THE NIVO SLIDER, EDIT THE IMAGES/LINKS BELOW *}



    You will need to generate your URL links for the images you would like to use (please reference this article for more information click here). The new URL links for your new images will be replacing the existing links.

    Here's a video on how you can edit the caption. <a href="http://s3.resaleworld.com.s3.amazonaws.com/angel/nivo_slider_caption.swf" target="_blank">Click here to play video.</a>



    This section explains how to edit images for the featured box style. You will need to scroll further down the slider.tpl file until you find the following line.

    {* IF YOU HAVE ENABLED THE FEATURED SLIDER, EDIT THE IMAGES/LINKS BELOW *}




    Please take a moment and play the following videos for a quick tutorial on setting up the featured box slider feature.

    Video1 = How to edit the text for title and subtitles
    <a href="http://s3.resaleworld.com.s3.amazonaws.com/angel/edit_slider_featured_title.swf">Click here to play video.</a>



    Video2 = How to edit the images and product links
    <a href="http://s3.resaleworld.com.s3.amazonaws.com/angel/featured_slider_image.swf" target="_blank">Click here to play video.</a>

    Video3 = How to edit the image button
    <a href="http://s3.resaleworld.com.s3.amazonaws.com/angel/featured_slider_button.swf" target="_blank">Click here to play video.</a>


    Hope this helps!
    Angel Vazquez
    Web Developer


    Phone:800.785.4800
    Email:support@resaleworld.com

Working...
X