Page status: Up to date | Application version: From 1.3.4.4

Settings & layout - Home page top slide

Home page top slide area is about layout and customization of the top slide that appears on home page of the website (FRONTEND).
The slide appears on the top of home page (FRONTEND).
Maximum number of images in slide is 6 (six) and minimum is 1 (one). If you need more, contact us.
The image can have a link assigned to it. If the link is not written in corresponding field, only the image will be shown. And again, any link without corresponding image, will not appear at all.

To setup or change a setting, click the Edit button in line with that setting. A pop-up window will open to allow you to input your data.
The window has as title Edit setting to let you know you are in edit zone. Also this window always points out the Area and the Name of the setting you are going to change. The main point of this window is to allow you to write your details in regards with current setting. This is the only editable field. Add or make here the changes you need.
The editable fields in this area are: text fields, radio buttons controllers and image uploaders.
Click the Update button to make the change or click the Cancel button to abandon changes. The Update button and Cancel button will close the setting window and update the list accordingly.
The Close button (top right corner) has same result as Cancel has.


Home top slide enabled

Choose if you want to have slider in home page or not.

The editable field is form from radio buttons.
If checked Yes button means that you want to display the top slide in home page. Follow the setting bellow.
If checked NO button means that the home page will not have any slider on top. Skip over the rest of Home page top slide.

The edit window will close automatically after you choose your answer. In case you did a mistake, edit again and choose the correct answer. The setting will be updated automatically.


Home top slide position (1 - right sidebar, 2- above sidebar in wrap, 3 - above sidebar screen wide)

Not in use. Soon available.


Number of images to be shown in one slide at a time

Not in use. Soon available.


Show slide bottom dots navigation

Choose if you want to show the navigation dots under the top slider in home page.
The dots will appear under the slider. The number of dots under slider will match the number of sliders. When user click on a dot, the corresponding slide will be displayed. It is another way for the user to interact with the slider. Also see the Show slide arrows below.

The editable field is form from radio buttons.
If checked Yes button means that the dots will be shown under the slider.
If checked NO button means that the dots will not appear under the slider.

The edit window will close automatically after you choose your answer. In case you did a mistake, edit again and choose the correct answer. The setting will be updated automatically.


Show slide arrows

Choose if you want to show the arrows on each side of the top slider in home page.
The arrows will appear on each side of the slider at the middle.
Also see the Show slide bottom dots navigation below.

The editable field is form from radio buttons.
If checked Yes button means that the dots will be shown under the slider.
If checked NO button means that the dots will not appear under the slider.

The edit window will close automatically after you choose your answer. In case you did a mistake, edit again and choose the correct answer. The setting will be updated automatically.

NOTES
The arrows are light colored and sometimes they are not properly noticeable.


Slide auto-play - time (milliseconds)

Set up how quick the slide is moving. How long a slide stays on screen.
This setting is in milliseconds and recommended value is 3000.
If this field is left empty, the slides will change very quick and became annoying. It is continuously moving.
See also the Slide speed.

To setup or change this setting, click the Edit button. Add or alter the input in pop-up window. Click the Update button to make the change and close the pop-up window or click the Cancel button to abandon changes.


Slide speed

Set up the speed of changing the slides between them.
This setting is in milliseconds and recommended value is 300.
If this field is left empty, one slide will replace the previous one very quick and lose the sliding effect. It can be a choice.
See also the Slide auto-play - time.

To setup or change this setting, click the Edit button. Add or alter the input in pop-up window. Click the Update button to make the change and close the pop-up window or click the Cancel button to abandon changes.


Home top slide image

Upload here the image you want to appear in slide.
If the image is not uploaded, the URL will not appear either.
The image will be displayed on home page in the top slider.

The editable field for current setting is an image uploader. (learn how to use the image uploader)
To setup or change this setting, click the Edit button. Add or alter the input in pop-up window. Click the Update button to make the change and close the pop-up window or click the Cancel button to abandon changes.


Home top slide image link

Insert the destination URL for the image uploaded.
If this field is empty, the corresponding image is not clickable.
This URL appears under the image and when the user click the image will be taken on the destination URL.
If the URL has no image assigned to it, it will not be displayed (no effect on website).
You can use both: absolute URL and relative URL.

The editable field for current setting is a text field.
To setup or change this setting, click the Edit button. Add or alter the input in pop-up window. Click the Update button to make the change and close the pop-up window or click the Cancel button to abandon changes.


NOTES
The field Home top slide image1 has its corresponding field Home top slide image1 link.
The field Home top slide image2 has its corresponding field Home top slide image2 link.
The field Home top slide image3 has its corresponding field Home top slide image3 link.
The field Home top slide image4 has its corresponding field Home top slide image4 link.
The field Home top slide image5 has its corresponding field Home top slide image5 link.
The field Home top slide image6 has its corresponding field Home top slide image6 link.

For Home top slide image1, Home top slide image2, Home top slide image3 and so on will apply setting Home top slide image.
For Home top slide image1 link, Home top slide image2 link, Home top slide image3 link and so on will apply setting Home top slide image link.

On this page

Snapshots / images

Home page top slide area

Settings & layout: Home page top slide area

Under Shop configuration -> Settings & layout choose Home page topslide area from dropdown menu

Sample of Top slide

Sample of Top slide

Customize the top slide to fit your business.

Text field

Settings & layout: edit - Text field

Sample of text field

Radio buttons

Radio buttons

Sample of radio buttons controls

Image uploader

Settings & layout: edit - Image uploader

Sample of image uploader

Headings