Has anyone here tried to make a gallery using shopify?
I'm using shopify for a client's site, but I'd like to have a photo gallery feature on some of the pages, for clients up load pictures with.
The current image feature seems to be based exclusively for product photos, which is a different use case.
Anyone have any ideas how to implement this in a relatively user friendly fashion?
The current image feature seems to be based exclusively for product photos, which is a different use case.
Anyone have any ideas how to implement this in a relatively user friendly fashion?
2
people like this idea
I like this idea!
Tell me when this idea gets some attention.
The more people who like this idea, the more it gets noticed.
The more people who like this idea, the more it gets noticed.
Create a customer community for your own organization
Plans starting at $19/month
-
Inappropriate?Chris, I haven't really seen a gallery on any Shopify sites, but it's a great idea.
You should be able to use any 3rd party javascript galleries to display photos, but not sure about uploading.
I'll have to think about it as an app for Featurefy.com
I’m hopeful
-
Thanks for the reply Bradley - I've signed up to the featurefy.com notification list - looking forward to see what comes up!
C -
Inappropriate?Hi Chris,
I added a photo gallery to www.thecandifactory.com
Its nothing fancy and needs some renovation, but the concept is pretty easy and It makes it easier to change the images often
I just made a collection "photo-gallery" and edited the collection.liquid so that when collection = photo-gallery only the images would show up.
You can also see the same thing on the press page. However the press page, I left it so you could view the "product" larger, and hid the cart button and price in the product.liquid for all products from vendor "notforsale"
The down side is that these images can make your inventory a little messy. -
Hi Large
I'm wanting to do exactly the same thing as you've described here.
What I can't work out is the code you use to hide the price form field?
Any advice would be appreciated. -
Hey There, You can use a case statement around the section of code you would like to swap out. Like this sort of thing:
{% case product.type %}
{% when 'notforsale' %}
<--remove>
{% when 'gallery' %}
<--2nd>
{% else %}
<-->
{% if product.compare_at_price_max > product.price %}<h4>now {{ product.price | money_with_currency }}
was {{product.compare_at_price_min | money }}</h4>{% else %}<h4>{{ product.price | money_with_currency }}</h4>{% endif %}
<form>
<select name="id">
{% for variant in product.variants %}
{% if variant.available == true %}
<option value="{{variant.id}}"> {{ variant.title }} </option>
{% else %}
<disabled>
{% endif %}
{% endfor %}
</select> <input name="add" class="button" src="{{ 'add.gif' | asset_url }}" type="image" value="Add to Cart" alt="add to cart" />
{% unless product.available %}
{% endunless %}
</form>
{% endcase %} -
Hey There, You can use a case statement around the section of code you would like to swap out or entirely different templates. Like this sort of thing:
{% case product.type %}
{% when 'notforsale' %}
<--remove>
{% when 'gallery' %}
<--2nd>
{% else %}
<-->
<form>
<select name="id">
{% for variant in product.variants %}
{% if variant.available == true %}
<option value="{{variant.id}}"> {{ variant.title }} </option>
{% else %}
<disabled>
{% endif %}
{% endfor %}
</select> <input name="add" class="button" src="{{ 'add.gif' | asset_url }}" type="image" value="Add to Cart" alt="add to cart" />
</form>
{% endcase %} -
Thanks for your help, Large. That works a treat, I owe you one :-) -
Inappropriate?This may be an excellent use case of a third party application.
-
Inappropriate?We've done it with linklists and uploaded files. Create a linklist called gallery, and add all of the uploaded pictures to the list as links. Pretty easy.
1 person thinks
this is one of the best points
-
Inappropriate?I will be implementing one soon for a shop I am working on. I considered using a specific collection and template for this, but hadn't thought of your idea, Matt - nice one.
In the end, however, I've decided to use Flickr and a third-party plug-in. Why? I guess I just thought, why am I trying to make Shopify be more than a shop, when there are galleries/gallery apps already in existence? Plus, the photos will get double exposure on both the Shopify site and Flickr.
I’m bonnie
-
Inappropriate?I agree with you to an extent - the more I use shopify outside of the shop remit, (i.e. galleries and blogs )the more I bump up against the limits of what it can do, and the more I find myself wishing for things that aren't there in the app, but using javascript to pull in the bonus functionality and features is looking increasingly feasible:
* twitter for microblogging
* get satisfaction for customer service questions, product ideas
* flickr for galleries
* discqus for comments on the blog (please, please, let us change the dates on the blog posts soon)
My main concern is the risk of dazzling a client with too many different tools for maintaining what they see as just one site.
Iamkeir, which third party plug in did you use in the end? I'd love to know.
I’m happy
-
Inappropriate?Hi Chris,
You're right about limitations but I think Shopify does alot of the basic additional functionality pretty well - for example, if the Shopify blog will fulfill my client's needs, I'll favour that. Otherwise I'm happy to turn to Wordpress to meet the increased needs of my client.
That said, I completely agree with your point on client-dazzling through too many third party interfaces/sites to remember and log into...which is why I use SWiM (a product my friend has developed but that is in alpha stage I think). Might be worth you keeping an eye on. It has a superb API so you can build interfaces for many third-party apps and have your clients managed all their 'bits' from one place. http://www.simpleweb-online.com
Anyway! Back on track - I opted for a flash polaroid gallery (the client's visual suited it well: http://www.no3dfx.com/polaroid/
Normally I would favour a non-flash gallery but there's a shortage of really decent ones for Flickr (imho).
I'll let you know how I get on.
What's this 'discqus' thing you mentioned? Is it a typo? I couldn't find it via google.
Best wishes!
I’m sleepy!
-
Inappropriate?We're working on a site right now where we are using an alternate block of liquid on a product page for galleries.
This way we get to use shopify's ability to auto create thumbs.
It's actually really easy this way. The only potential downside is the URL isn't ideal. We could get around this by duplicating products and pages, but it seems like more trouble than it's worth. /products/some-guys-gallery isn't too bad. /pages/some-guys-gallery would be better, but only a bit.
1 person thinks
this is one of the best points
Loading Profile...




