Forums/Vanity Theme

New Feature: Homepage Gallery Setting (Featured, Recent or Categories)

Shopify Concierge
posted this on June 25, 2010 11:38

gallery.png

Vanity now has the ability to set where the images should come from for the gallery under the slideshow.

There are three choices: Featured, Recent and Categories.

Featured

Choosing this option shows the products in the Frontpage collection. This collection is created automatically when you created your Shopify store.

Recent

Choosing this option will display the products in the "Recent" collection. You will need to create a new smart collection if you want to use this. Make the conditions of the collection Price > 0 and after it has been created make sure you set the sort order to be "By Date Created: Newest to Oldest". Now your new products will automatically appear on the home page.

Categories

This option displays the first product from the collections defined in a link list called "Categories". Clicking on one ot the items takes you to that collection page.

 

Comments

User photo
Melissa Grantham

how do i upgrade to get the latest vanity theme functionality without losing the customisation ive already done to the existing templates and css in downloaded on the 20th of June, 2010?

July 26, 2010 20:55.
User photo
Shopify Concierge
Shopify Concierge

Hi Melissa,

While theme settings are preserved, the theme files are replaced when a new theme is uploaded, so changes to the CSS and liquid files will be overwritten. Unfortunately there is no way around this.

Gavin.

July 27, 2010 08:10.
User photo
Kirsty Palmer

how do i upgrade to get the latest vanity theme at all?  Is there instructions somewhere on how to do it?

 

Thanks very much

August 09, 2010 07:15.
User photo
Shopify Concierge
Shopify Concierge

Hi Kirsty,

If you purchased the theme from our store, you can use the download link that was sent to you and download the latest version. If you purchased through the Shopify theme store, go to Theme > Browse Themes in Admin and choose the Vanity theme again. You will not be charged again.

Thanks, Gavin.

August 09, 2010 08:50.
User photo
Kirsty Palmer

Hello

I dont have the same options as you (see attached docs).  I did reapply the vanity screen through the shopify shop and all my changes dissapeared so I have definately installed another Vanity - however it seems to be the old version??  Help!

August 09, 2010 22:12.
User photo
Shopify Concierge
Shopify Concierge

Hi Kirsty,

I've sent you the latest version of the theme via email.

Thanks, Gavin.

August 10, 2010 00:08.
User photo
Philippe Causse

hi gavin, I don't have this feature either. can you send me the latest version or is it obsolete now?

cheers,

philippe in berlin

August 19, 2010 02:14.
User photo
Shopify Concierge
Shopify Concierge

To update older themes:

1. Open theme settings and paste the following code inside a table. It doesn't matter too much which one, but if you have a version of the theme with a "Homepage" section it would make sense to put it there. Here is the code:

    <tr>
      <td><label for="frontpage">Show welcome text (from the <a href="/admin/pages">Welcome Page</a>)?</label></td>
      <td><input type="checkbox" id="frontpage" name="frontpage" /></td>
    </tr>
    <tr>
      <td><label for="gallery">Gallery</label></td>
      <td>
        <select id="gallery" name="gallery">
          <option value="featured" selected="selected">Featured Products</option>
          <option value="recent">Recent</option>
          <option value="categories">Categories</option>
        </select><br/>
        <small><ul>
          <li><b>Featured Products</b>: Display products from the "Frontpage" collection</li>
          <li><b>Recent Products</b>: Display products from a collection called "Recent". This collection should be a smart collection with <b>price > 0</b> and <b>ordered "By Created Date: Newest to Oldest"</b>.</li>
          <li><b>Categories</b>: Displays the first product in each collection listed in the "Categories" link list. You need to create a Link List called Categories, and each link should be to the collection you want to appear.</li>
        </ul></small>
      </td>
    </tr>

2. In index.liquid, replace the existing 'products' div with the following:

{% if settings.gallery == 'categories' %}
    {% include 'categories' %}
{% else %}
    {% if settings.gallery == 'recent' %}
        {% assign collection = collections.recent %}
    {% else %}
        {% assign collection = collections.frontpage %}
    {% endif %}
    <div id="products">
        {% paginate collection.products by 8 %}
            {% include "gallery" %}
        {% endpaginate %}
    </div>
{% endif %}

3. Create a new snippet called "Categories" and paste the code from here: http://gist.github.com/537099

 

@Phillippe Because I was already working on your store I have updated it

August 19, 2010 08:37.
User photo
M Whillas

This may seem like a silly question, but where exactly is the 'Frontpage' collection? Can I choose the products I want to go in there or is it automatically generated?

I couldn't find the one that was apparently created when I signed up for shopify (like it said) so I thought that I maybe had to make a collection called 'Frontpage' and add products but when I did nothing happened...

March 25, 2011 17:44.
User photo
Shopify Concierge
Shopify Concierge

Hi,

Shopify creates the frontpage collection for you when your store is created. You may have deleted or renamed it. If you create a new one, ensure 'frontpage' is the handle - see attached.

Thanks, Gavin.

March 26, 2011 05:42.
User photo
M Whillas

Hmmmm it is quite possible that I could have deleted the frontpage collection. I checked the handle of the Frontpage collection I created but it keeps changing to frontpage-1 so there is a frontpage handle floating around there... How do I get it back or change the frontpage collection (and thus featured products) to the handle i now have?

 

March 26, 2011 05:57.
User photo
Shopify Concierge
Shopify Concierge

If it is changing it to frontpage-1 it means it already exists. Sounds like you might have renamed it.

March 26, 2011 06:34.
User photo
M Whillas

Thanks!

So how would one then, hypothetically, change or find this thing I may have renamed so that I could find and get the Featured Product section up on my webpage?

March 26, 2011 17:03.