d
Topic
Posts:
4
9 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:
2890
Last edited 9 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.

 

★ Winning Partner of the 2014 Build a Business competition. ★ http://freakdesign.com.au
Posts:
4
9 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:
2890
9 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.

 

★ Winning Partner of the 2014 Build a Business competition. ★ http://freakdesign.com.au

Log in or sign up for an account to reply.

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