Adding Products to a Blog Post

Highlighted
Shopify Partner
5 0 1

Hello,

I'm trying to think of the smartest way to add products to my blog posts. I've tried using the 'Buy Button' but it's pretty useless when used on a Shopify site, as it doesn't allow the user to add the product to the site cart. The only options are to have an additional cart, make it open a product modal, or make it open a straight-to-checkout modal. I want to be able to add a product similar to how products appear in the collections. Just a little grid with image, price, and add to cart button. Users can add the product to the cart, and then continue browsing.

One idea I had was to add some liquid code to the article template, right atfer {{ article.content }}  that says something to the effect of "If the article content contains a product title (or a link to a product), then show that product." Does anybody know if this is possible? I have some Liquid skills but not enough to achieve this on my own.

This is an example of what I want it to function like. In this case I just copied the div and pasted it at the end of the article, so pricing etc. is static, which is not ideal: https://colouredraine.com/blogs/tutorials/lovelies-eyeshadow-palette-tutorial

I'd really appreciate any help :)

1 Like
Highlighted
New Member
3 0 0

+1, exactly the same boat and thoughts on functionality.

0 Likes
Highlighted
Shopify Partner
5 0 1

Louisa, I ended up getting a plugin to achieve it. It works quite well and is affordable: https://apps.shopify.com/pro-blogger

0 Likes
Highlighted
New Member
3 0 0

Thank you so much for your response, really appreciate your help and advice, looks like it should do exactly what we are after! :)

0 Likes
Highlighted
New Member
1 0 0

Did anyone find a solution for this topic? I have the same problem.. tried to add a Buy Button but it wasn't working well with the shopping cart I already have in the shop. I want that the "add to cart" button, adds products to the cart of my shop.. and to other products people might have added.

 

I tried this solution but I think isn't the best choice...

 

https://em-ita.com/blogs/notizie/la-verita-sulla-diffusione-del-coronavirus

0 Likes
Highlighted
New Member
1 0 0

Hi, I came across the same issue.

Anyone can suggest plugin or anything really?

 

Thank you

 

https://talesoftree.com/

0 Likes
Highlighted
New Member
3 0 0

Yes, anybody? Please?

0 Likes
Highlighted
Shopify Partner
24 1 3

Hi @KLIMCHI,

Do you want to add single or multiple products to a blog post? I can help you with this issue. It needs some custom code to enable this feature. You would DM me for further details.

Thanks

0 Likes
Highlighted
Tourist
10 0 3

Hi! I was able to figure this out using the District theme to put a featured collection preview. My full write up on this is here: https://moderntribe.com/blogs/news/how-to-add-a-featured-collection-to-blog-post-in-shopify

 

Paste this below this section in article-template.liquid below the following 2 lines:

            

   {{ article.content }}
   </div>

 

 

{%- assign tag = article.image.alt -%}
{%- assign collection = collections[tag] -%}
{%- assign product_limit = 8 -%}


{% if collection.products.size > 0 %}
<div class="featured-collection layout-8 lazyload" data-section-id="{{ section.id }}" data-section-type="featured-collection-section">
<div class="wrapper">
    <div class="grid">
      <div class="box header">
        <div class="image-table">
          <div class="details">
              <h4>Shop {{ collection.title | escape }}</h4>
          </div>
        </div>
      </div>
      {% for product in collection.products limit: product_limit  %}
       {% include 'product-grid-item' %}
      {% else %}
        {% for i in (1..product_limit) %}
          {% include 'placeholder-product-grid-item' %}
        {% endfor %}
      {% endfor %}
    </div>
       <div class="box header">
        <div class="image-table">
          <div class="details">
              <a href="{{ collection.url }}" class="button large outline">View more</a>             </div>
        </div>
      </div>
  </div>
</div>
{%endif%}
1 Like
Highlighted
Excursionist
24 0 3

Thanks for your advice. It really helps. With a small fix, I made now I can add products whatever I want as much as I want. Without any app and for FREE. Check our website: https://worldcondoms.com/blogs/sexploration

0 Likes