Difference between revisions of "Vintage theme - editing your slideshow"

From Spiffy Stores Knowledge Base

Line 27: Line 27:
  
 
You will need to create your slideshow images at the correct size of '''960px x 400px''' so that they're not stretched or squashed.  You can do this using most image editing programs, but many people find [http://pixlr.com/editor/ Pixlr] useful.  That's why we've included instructions at the top of this page on how to get your slideshow images the correct size :-)
 
You will need to create your slideshow images at the correct size of '''960px x 400px''' so that they're not stretched or squashed.  You can do this using most image editing programs, but many people find [http://pixlr.com/editor/ Pixlr] useful.  That's why we've included instructions at the top of this page on how to get your slideshow images the correct size :-)
 +
 +
 +
=== Related pages ===
 +
 +
* [[The Vintage theme guide]]
 +
* [[Vintage theme features|Vintage theme features]]
 +
* [[Vintage theme FAQ|Frequently asked questions]]
 +
* [[Vintage theme - uploading your logo|Uploading your logo]]
 +
* [[Vintage theme - selecting & modifying your colour scheme|Selecting & modifying your colour scheme]]
 +
* [[Vintage theme - selecting your title font|Selecting your title font]]
 +
* [[Vintage theme - editing your menus|Editing your store's menus]]
 +
* [[Vintage theme - updating your home page|Updating your home page]]
 +
* [[Vintage theme - editing your slideshow|Editing your slideshow]]
 +
* [[Vintage theme - Adding featured collections to your home page|Adding featured collections to your home page]]
 +
* [[Vintage theme - Adding featured collections on other pages|Adding featured collections on other pages]]
 +
* [[Vintage theme - connecting your email subscriber form|Connecting your email subscriber form]]
 +
* [[Vintage theme - enabling Facebook comments|Enabling Facebook comments]]
 +
* [[Vintage theme - connecting to your social media accounts|Connecting to your social media accounts (Facebook, Twitter, Google + etc.)]]
 +
* [[Vintage theme - Displaying icons for your accepted payment methods|Displaying icons for your accepted payment methods]]

Revision as of 12:04, 8 November 2013

Your home page slideshow can have up to 5 images, with a choice of 3 different transitions. You can also add links to other pages, and a caption to each slide as well. The slideshow resizes for different devices, and looks gorgeous on tablets and phones.

You can edit your slideshow by going to the "Design & assets -> theme editor" section of your store's Toolbox.  There you can upload new slideshow images, delete images, enter captions and links in the "Home page slideshow" section.

You will need to upload your slideshow images at the correct size of 960px x 400px so that they're not stretched or squashed. You can do this using most image editing programs, but many people find Pixlr useful.

Using Pixlr to create a slideshow image

  1. Go to the Pixlr editor
  2. Click "Create a new image"
  3. Set the width to 960 and the height to 400, and click OK
  4. You now have your canvas to work within. You will need to explore the various tools and options. You can open your own images in Pixlr using "File -> Open image" in the Pixlr menu. You can then copy and paste your images into your slide.
  5. When your slide is looking gorgeous, save it by choosing "File -> Save" from the Pixlr top menu.
  6. Choose JPEG for your format, and set your quality to 80
  7. When you've saved the file to your computer, upload it in the "Design & assets -> Theme editor -> Home page slideshow" section of your store's Toolbox.


Editing your slideshow

Your slideshow can be edited in the "Design & assets -> Theme editor -> Home page slideshow" section of your store's Toolbox.


HELP! - My slideshow photos are stretched!!!

You will need to create your slideshow images at the correct size of 960px x 400px so that they're not stretched or squashed. You can do this using most image editing programs, but many people find Pixlr useful. That's why we've included instructions at the top of this page on how to get your slideshow images the correct size :-)


Related pages