Return to WeTheme.com

Slideshow

The slideshow is a great place to highlight current collections, offers and news.

Overview

The Slideshow is one of the first things customers see when landing on your website. If this section is used correctly, your customers will be hungry to navigate to your product pages and make a purchase.

Show powerful imagery that connects with your brand. Visitors will absorb what your store represents in very short space of time via the images they are exposed to - far faster than if they had to read through a block of text describing the same thing.

As well as being a great place to highlight current collections, offers and news, the slideshow’s automatic image transition gives a sense of urgency and behind-the-scenes activity. Your buyers will be encouraged by your storefront’s energy and dynamism and will be more motivated to act on their buying decision.


How to get started

To add your ‘Slideshow’ section, follow these steps:

  1. Admin
  2. Online Store > Themes > Customise
  3. Sections
  4. Scroll to the bottom of the left-hand panel and select “Add Section”
  5. Under “Image”, select “Slideshow”

Settings
Transition effect:

Choose between “Slide or Fade”.

With “Slide”, your images will physically move horizontally from right to left, across the screen. “Fade” will blend one image in to the next, while the positioning of the image remains stationary.

Width:

“Fixed” sets the image to be certain width in pixels, whereas with “Full width”, the image will always try to take up the entire width of the screen.

Rotation interval:

The 3-8 sec adjustment bar selects the duration between one picture showing and the next.

Heading size:

The 16-60 px adjustment bar selects the size of the Heading text shown over the Slideshow images.

Subheading size:

The 12-30 px adjustment bar selects the size of the Subheading text shown over the Slideshow images and below the Heading text.

Button size:

The 12-30 px adjustment bar selects the size of the Button, shown over the Slideshow images and below the Heading text.

Slideshow dots:

Tick this to show little roundels underneath the Slideshow representing each of the active images.

Show slide arrows:

Tick this to overlay arrows on the left and right of the Slideshow images to allow for manual skipping of pictures.


How do I upload images to my Slideshow?
Content:

This is where you add your Slideshow images, using content blocks. These blocks can easily be re-ordered by clicking and dragging into place.

You can Change, Edit and Remove your images:

You can also add a Heading, Subheading (This is just plain text, so can't include any bold or italic text) and Button text:

Slide link:

Adding a link in this field turns the entire slide in to a clickable link, so if you have a great Product or Collection featured in a Slideshow image, you can take customers directly to it when they choose to interact with that particular slide.

Here’s a screenshot of the options available and the areas they affect:

Caption horizontal alignment:

From the drop-down options list, you can position your caption text in the following positions, Left, Centre, Right.

Caption vertical alignment:

From the drop-down options list, you can position your caption text in the following positions, Top, Middle, Bottom.

Here’s a video example of the different placements and how they look on the storefront:


Tell me more!

We have a wonderful help document which talks more about image sizing and aspect ratio so you can set up your Slideshow and storefront imagery like a pro!

http://docs.wetheme.com/faqs/what-sizes-should-I-upload-my-images/#aspect-ratio