In addition to being mobile friendly, the Vintage theme for Spiffy Stores offers a wide array of features that allow you get the most out of your store. Everything from a range of styles, typography, social media integration, and layout can be adjusted with ease from the “Theme Settings” section in your store’s Toolbox. Below you will find an outline of the current theme settings.

Built-in styles & typefaces

The vintage theme comes in 5 different styles, and also has a choice of 15 different heading typefaces. That’s not it though… you can also modify the colour schemes for each style easily by editing your theme’s CSS. You can find out more about how to do this here »

Store header, logo and menus

Quite simple really… you can upload your own logo to appear in your store’s header. The difficult thing is getting your logo to look great. This is best done by uploading a transparent PNG file of your logo. If you don’t know how to create one, we’ve got a tutorial here for you.

You can also email your logo to us at support@spiffystores.com.au and ask us to do this for you. In most cases we’ll do this free of charge.

In this section, you can also select the menu that you want to appear at the top of your store. Your store’s menus can be edited in the “Store menus” section of your store’s Toolbox. This menu supports drop-down menus, just like this demo store. We’ve got a tutorial on creating your drop-down menus here.

Home page slideshow

Your store’s slideshow can have up to 5 images, each with a caption that overlays the image. You can also add a different link to each individual slide in the slideshow.

The images you upload should be 960px wide x 400px high so that they’re not stretched and awful looking. You can create your images by resizing or cropping them in your favourite photo editing software, but we also have a tutorial on creating your slideshow images here.

Product pages

The vintage theme comes in 5 different styles, and also has a choice of 15 different heading typefaces. That’s not it though… you can also modify the colour schemes for each style easily by editing your theme’s CSS.

Collection menus

The Vintage theme allows you to create pages (or collection pages) that list your store’s categories. To do this, you create a menu with the same “handle” as your page and add links to the collections you want to feature. Each of the links can also display a slideshow of the first 5 products in your collection, or can display the image you have specified for that collection in the “Collections” section of your store’s Toolbox.

In this demo store, the “Aromatherapy” page displays the collections that have been added to a menu also called “Aromatherapy”.

A “handle” is the way that we refer to all of the different data that makes up your store. If you edit a collection or page, you can also edit it’s handle. Just like collections and pages, menus also have handles.

To test this out in your store, create a page called “My Test”. It should have the handle “my-test” by default. Now create a new menu called “My Test”, and add some collections to it. When you preview the page, you will see that the collections in your menu will appear beautifully laid out.

Blogs with built-in social media and Facebook comments

Increase your social engagement by allowing your visitors to post comments on your blog articles. If you have a Facebook account, enter your user ID (the email address you use to log in to Facebook).

If you don’t have a Facebook account, go to http://www.facebook.com to sign up.

A Facebook App ID isn’t essential, but we recommend that you get one so that you’re able to moderate comments… so that visitors can’t post SPAM or negative comments. You can get an App ID for your store at http://developers.facebook.com/setup/.

The comments moderation area provided by Facebook is at http://developers.facebook.com/tools/comments. You may want to bookmark that page once you’ve got it all set up.

Customisable fields in your contact form

The vintage theme comes in 5 different styles, and also has a choice of 15 different heading typefaces. That’s not it though… you can also modify the colour schemes for each style easily by editing your theme’s CSS.

Store footer

The vintage theme comes in 5 different styles, and also has a choice of 15 different heading typefaces. That’s not it though… you can also modify the colour schemes for each style easily by editing your theme’s CSS.

Adding your subscribe form

The Vintage theme allows you to connect your newsletter form to your MailChimp, Campaign Monitor or Mad Mimi account. For any of the services, you just select the service, and then paste the form’s URL into the “Form action URL” field in your Theme editor.

MailChimp

To use MailChimp, log in to your MailChimp account. If you haven’t already created a list there to add subscribers to, create one and then follow the instructions below;

1. Click on “Lists” on the right.
2. Select the list you want to use by clicking on it’s name.
3. At the top of the screen, click on the “Signup forms” link.
4. Choose “Embedded forms”.
5. At the top of the screen, copy the text in the box labeled “Copy paste into your site” to get your form URL, and extract ONLY the “form action” URL. It should look something like this…
   

   http://hellothere.us4.list-manage.com/subscribe/post?u=747fc9927e6c1a5894eba5454&id=c9492288d0

6. Back in your theme editor, choose “MailChimp” in the “Newsletter system” section, and paste the URL into the “Form action URL” box.
7. Click the “Save settings” button.
8. If you’d like to, you can also modify the design of your form in MailChimp by adding your logo and changing the colours to make it match your site.

Campaign Monitor

To use Campaign Monitor, log in to your Campaign Monitor account. If you haven’t already created a list there to add subscribers to, create one and then follow the instructions below;

1. Click on the “Lists & subscribers” tab.
2. Select the list you want to use by clicking on it’s name.
3. On the right side of the screen, click on the “Grow your audience” link.
4. Choose “Copy/paste a form to your site”.
5. On the right side of the screen, click in the “Get the code” button to get your form URL from the “form action” tag, and copy the entire content of the URL. It should look something like this…
   

   http://hellothere.createsend.com/t/t/s/ndppp/

6. Back in your theme editor, choose “Campaign Monitor” in the “Newsletter system” section, and paste the entire URL into the “Form action URL” box.
7. Click the “Save settings” button.
8. If you’d like to, you can also create a confirmation page in your store, and then add a link to it in Campaign Monitor. You can also edit the confirmation email that is sent to your new subscriber.

Mad Mimi

To use Mad Mimi, log in to your Mad Mimi account. If you haven’t already created a list there to add subscribers to, create one and then follow the instructions below;

1. Click on the “Webform” link in the top left of your screen.
2. Select the list you want to add subscribers to by clicking on it’s name in the “Add subscribers to these lists” section on the right.
3. Click the “Embed” link above your form preview.
4. Choose the “Plain embed” tab.
5. In the code window below, copy your form action URL. It should look something like this…
   

   https://madmimi.com/signups/subscribe/12345

6. Back in your theme editor, choose “Mad Mimi” in the “Newsletter system” section, and paste the entire URL into the “Form action URL” box.
7. Click the “Save settings” button.
8. If you’d like to, you can also create a confirmation page in your store, and then add a link to it in the “Confirmation Landing Page” section in Mad Mimi. You can also edit the confirmation email that is sent to your new subscriber, by clicking on the “Edit activation message” button.