d
Topic
Posts:
4
7 months ago

Best way to showcase non-product photos on shopify for Pinterest use?

Hi, I want to showcase non-product related photos (inspirational and brand related) in my store blog on an on-going basis. I want to showcase the photos in a gallery-like format, rather than 1 photo per blog post standard set up. My objective is to pin these photos directly from my site onto Pinterest. What options do I have? Would really appreciate suggestions. I've tried using RebelMouse but the photos don't appear in Pinterest. Perhaps an app or Tumblr integration??

 

Thank you!

i
Replies
Jason Shopify Expert freakdesign.com.au
Posts:
2673
Last edited 7 months ago

You would not need an app - just some theme editing. Plenty of ways to handle it. One option would be to do something lie:

  • Create a blog just for images posts. Let's call is "Photos"
  • Add articles with a picture inside
  • Blog page (/blogs/photos) loops over all the articles, grabbing the image and showing them in a nice grid / masonry layout
  • Add the pinterest "pin all" code to blog page (/blogs/photos) so you can pin what picture you want from the page. 
  • If someone clicks on the image it will still take them to the article for further comment / like / reading action.

 

http://experts.shopify.com/freakdesign [#] http://freakdesign.com.au [#] https://twitter.com/freakdesign
Posts:
4
7 months ago

Hi, thanks for your reply! I have a working blog with photos added to each post. (When you say article do mean the same as a post?) I would love to have a blog page that loops all over the articles to grab the photos and show them in a grid/masonry layout- how do you recommend I can accomplish this?

Jason Shopify Expert freakdesign.com.au
Posts:
2673
7 months ago

Yep - post and article are the same thing. There's a bit of work in this so if you're not sure how to code in the magic try searching the forum - others may have been down the path and posted code.

{% for article in blogs.photos.articles %}
  <!-- Do your magic -->
{% endfor %}

You'll need to not only loop over the articles, but also:

  • be able to loop past the 50 limit (javascript) - if you have that many posts of course.
  • extract the image from the post (liquid). There is code on the forum for that.
  • add the masonry code (javascript)
  • if you've got a responsive theme that could add some other complications.

With so many pics you may want to consider doing some smart image loading for more efficient page load. Not essential though.

 

http://experts.shopify.com/freakdesign [#] http://freakdesign.com.au [#] https://twitter.com/freakdesign

Log in or sign up for an account to reply.

This thread has been closed! You will not be able to reply.