Responsive Magento Product Slider Documentation

Features

Product slider is a must-have feature nowadays. This module allows you to create responsive slider to showcase
your Bestsellers in almost any place on site. It does support touch devices like iPhone and iPad, customer can
swipe thru the products. You can choose to display or hide certain product elements like name, price, rating,
add to cart button, wishlist and compare links etc.

Comes with slider widget. Select slider type, add title, choose number of visible products,
adjust slider settings like slide speed, navigation or pagination and insert shortcode in your cms page or block.

Full features list

  • Responsive layout, adapts to phone, tablet etc
  • Touch devices support, swipe to scroll
  • Slider widget
  • Multiple sliders on the same page
  • Slider Types
    • recently added products
    • bestsellers
    • most viewed products
    • new products
    • category products
  • Control every aspect of your slider – items number, title, scroll, navigation arrows etc
  • Show / hide product name, price, rating, cart button etc
  • Compatible with all the modern browsers
  • Multi-store supported
  • No programming skills required
  • Easy to install and configure

Quick Start

Package

Extension package contain following files and folders

  • Documentation – documentation in html format
  • Extension – extension source code

Installation

We do recommend to install and test the extension on development server before installing it on live store

Before start

Backup

Backup store files and the store database.

  • Disable compilation mode in System > Tools > Compilation.
  • disable Magento cache – Cache Management
  • Log out from magento admin panel ( if you logged in ). This step is required to reset magento access control
    cache

Install

  • Unzip extension package
  • Navigation into package/Extension folder
  • Upload content of package/Extension to your magento root directory.
    • package/Extension/app >> magento_root/app
    • package/Extension/js >> magento_root/js
    • package/Extension/skin >> magento_root/skin
    • and so on

    Product Slider does not overwrite any magento core files

  • Set correct file permissions for all the theme files which you uploaded to your server.
  • Enable & configure the extension – Product Slider configuration

Common Issues

  • No “NWDthemes” item in main menu.

    • check that all files were uploaded.
    • check that all files have correct permissions.
    • check that Magento cache is disabled – Cache Management.

  • I get 404 error in System > Configuration > FAQ Page

    • Logout from backend and login back

  • My configuration changes do not appear on the store.

    • refresh Magento cache – Cache Management
    • make sure that settings are not overrided on different scope level like website or store view. Scope switch is located in top left corner of Configuration page. More info about scopes – Understanding store scopes

Uninstallation

If you require to disable the extension without removing it completely, go to System > Configuration > Advanced > Advanced > Disable Modules Output and disable the module Nwdthemes_Productslider

If you want to completely remove extension, follow these steps:

  • Disable compilation, in case it is enabled. ( System > Tools > Compilation )
  • Login to your FTP, navigate to app/etc/modules/
  • Open the file Nwdthemes_Productslider.xml and change the following line:
    from

    true

    to

    false
  • Clear the cache under var/cache
  • Make sure that the site is working properly
  • If everything works fine, it is safe to delete the files of the extension.

Configuration

Navigate to System > Configuration > Nwdthemes extensions > Product Slider configuration to modify extension configuration

  • Block Defaults

    • Number of Product in slider – products count
    • Show Slider Title – Show / hide Slider Title
    • Slider Title – Slider Title
    • Number of visible products – Number of visible products
    • Random sorting – Random sorting. Applied for New and Featured slider
  • Slider Settings

    • Autoscroll – Change to any integer ( for example 5000 to play every 5 seconds).
      Set to 0 to disable autoscroll
    • Items to scroll – Slide per item or per page
    • Slide to first item – Slide to first item or stop at last item
    • Slide speed – Slide speed in milliseconds
    • stopOnHover – Stop autoplay on mouse hover
    • Navigation – Display “next” and “prev” buttons.
    • Show pagination – Show pagination
    • Show numbers inside pagination buttons – Show numbers inside pagination buttons
    • RTL mode – Turn on RTL
  • Slider Item Defaults

    • Image Width – Adjust image width
    • Show name – Show/hide name
    • Show price – Show/hide price
    • Show rating – Show/hide rating
    • Show Add to cart button – Show/hide Add to cart button
    • Show wishlist link – Show/hide wishlist link
    • Show Compare link – Show/hide Compare link

Shortcode

You can insert product slider in any cms page or static block

{{block type="productslider/product_list_new" template="nwdthemes/productslider/productslider.phtml" }}

This code insert new products slider in cms block. Slider will use default settings from configuration.

Possible parameters:

  • type – define slider type
    • productslider/product_list_new – new products
    • productslider/product_list_bestsellers – bestsellers
    • productslider/product_list_category – category products
    • productslider/product_list_mostviewed – most viewed products
    • productslider/product_list_recent – recently added products
  • category_id – id of category to load products
  • count – how many products load in slider
  • title – slider block title
  • show_title – show / hide slider block title

    Possible values:

    • true
    • false
  • columns – how many products visible
  • random – apply random sorting. Used for New, Category and Recent slider

    Possible values:

    • 1
    • 0
  • slider_autoscroll – Change to any integer ( for example 5000 to play every 5 seconds).
    Set to 0 to disable autoscroll
  • slider_scroll_items – Slide per item or per page

    Possible values:

    • item
    • page
  • slider_rewind – Slide to first item or stop at last item

    Possible values:

    • true
    • false
  • slider_slide_speed – Slide speed in milliseconds
  • slider_stop_on_hover – Stop autoplay on mouse hover

    Possible values:

    • true
    • false
  • slider_navigation – Display “next” and “prev” buttons.

    Possible values:

    • true
    • false
  • slider_pagination – Show pagination

    Possible values:

    • true
    • false
  • slider_pagination_numbers – Show numbers inside pagination buttons

    Possible values:

    • true
    • false
  • slider_rtl – RTL mode

    Possible values:

    • true
    • false
  • slide_item_img_width – Adjust image width
  • slide_item_name – Show/hide name

    Possible values:

    • true
    • false
  • slide_item_price – Show/hide price

    Possible values:

    • true
    • false
  • slide_item_rating – Show/hide rating

    Possible values:

    • true
    • false
  • slide_item_cart – Show/hide Add to cart button

    Possible values:

    • true
    • false
  • slide_item_wishlist – Show/hide wishlist link

    Possible values:

    • true
    • false
  • slide_item_compare – Show/hide Compare link

    Possible values:

    • true
    • false

Widget

product slider widget

To insert widget you need to navigate to cms page or static block edit page and click on “Insert Widget” button

Select “NWDthemes Product Slider” from widgets dropdown

Widget has same parameters as described in configuration

Magento Configuration

We do not provide support of magento core features. More inormation about Magento can be found in Useful links

Cache Management

Cache Management

When making certain changes to Magento, such as modifying code files, it is necessary to clear the cache in order for the changes to become visible.

There are two ways to clear the cache in Magento:

Through the Magento Admin Panel

  1. Log in to your Admin Panel account
  2. Go to the System -> Cache Management section
  3. Click on the Flush Magento Cache button

Using SSH/FTP or the cPanel File Manager
Delete the contents of the var/cache/ folder using the following SSH command (MUST be executed from your Magento base directory):
rm -rf var/cache/*
OR
Delete the folder var/cache/ through your FTP client or using the cPanel File Manager.

Index Management

Index Management

  1. Log in to Magento administrator control panel.
  2. Go To System > Index Management.
  3. On the left side is a list of categories that can be reindexed. Select the categories to reindex. If you want to run a reindex for all of the products, click “Select All”.
  4. From the Actions drop-down menu, select Reindex Data and then click Submit.
  5. Depending on how many categories, and the amount of information that needs to be reindexed, this could take a few minutes, or hours.

Help & Support

Support Policy

Support hours: 10AM – 6PM GMT+1 time, Monday – Friday. The support response time is 24-48 hours.

Support for our items includes:

  • Fixing bugs and reported issues
  • Responding to problems regarding the item and its features
  • Providing updates to ensure compatibility with new software versions

Item support does not include:

  • Customization and installation services
  • Support for third party software and plug-ins
  • Support for Magento: configuration, installation, maintenance etc.