Image Slider

Sana Commerce 9.1
Your connector

Back

Add Image Slider Content Element

The Image Slider content element can be added to a flexi-page, product and product list pages in Sana Admin. For example, you can add the Image Slider to the home page of your web store informing customers and web store visitors about the latest news, discounts and offers.

The tables below provide description of the image slider settings.

Navigation Buttons Settings

Field	Description
Show navigation	Use this option to show or hide navigation buttons in the image slider. Navigation buttons enable user to switch between images.
Previous icon	This field is used to add an icon for the 'previous' navigation button.
Next icon	This field is used to add an icon for the 'next' navigation button.

Dot Navigator Settings

Field	Description
Show dot navigator	Use this option to show or hide dot navigator for the image slider.
Navigator icon	This field is used to add an icon for the dot navigator.
Navigator icon (on hover)	This field is used to add an icon for the dot navigator (on hover).
Height of the navigator icon (in pixels)	Use this field to set the height of the dot navigator icon in pixels.
Width of the navigator icon (in pixels)	Use this field to set the width of the dot navigator icon in pixels.
Show navigator inside the slider	Use this option to show the dot navigator inside the image slider. When it is disabled, the dot navigator is shown under the image slider. When this option is enabled, the dot navigator is shown below the image slider.

Auto Play Settings

Field	Description
Auto play	Use this option to enable and disable the auto play of images.
Rotation delay (in seconds)	Use this field to set time interval in seconds to switch between images.

Height Settings

Field	Description
Fixed height	Use this option if you want to set a fixed height of the image slider.
Height in (pixels)	Use this field to set the fixed height of images in the image slider in pixels. In this case width will be automatically adjusted to maintain the aspect ratio.

Miscellaneous Settings

Field	Description
Images transform as	Use this field to define image transition that occurs in slide show view when you move from one image to the next. There are two types of transitions: Slide: the current slide smoothly transits to the next one. Fade: the current slide gradually dissolves when the next one appears.
Expand the slider to fill the width of the browser	Use this option to expand the image slider to the full width of the web browser.
Expand the image to fill the width of the page	Use this option to expand images to the full width of the page.
Numbers of images to display at a time	Enter the number of images which should be shown simultaneously in the image slider. The default number of images is set to 1. You can also use this option to create image carousel. This is useful when you need to show, for example logos of different brands. If the number of images set in this field equals to the number of images present in the image slider, then all images will be simultaneously shown in the image slider on a page. The height of the image slider will be adjusted to display all images.
Space between the images (in pixels)	Use this field to define space between images in pixels, if you configure to show several images at once in the image slider.

Image

There should be at least one image in the image slider. You can add any number of images to the image slider.

Field	Description
Image path	Use this field to add an image to the image slider.
Navigation link	The image can be linked to any internal page or external web site. If the internal page or external web site is linked to the image, clicking on the image will open that page. To link the image to the internal page you can search for it by title or URL. You can also create a blank page that will be automatically linked to the image. Later on you can manage this page.
Open in new browser tab	Use this option to open the linked internal page or external web site in a new tab or leave it empty to open the page in the same tab.

Back

Content ElementsImage Slider

Sitemap

Installation

Product Versions

Links

Sana Commerce does not accept any liability for the content of this website, or for the consequences of any actions taken on the basis of the information provided. The information below should be interpreted as an example. No rights can be derived from this information.

Sana Commerce – the integrated e-Commerce solution for Microsoft Dynamics and SAP

Updated: January 2017