Image uploaded using image_picker not displaying

New Member
7 0 0

Hi for some reason, the image I uplaoded using image picker (I created a section block and put image picker) is not displaying and only showing a no image icon

 

https://kingvlad.myshopify.com/pages/macbook-pro

 

heres my block section code

<div id="products">
  <div class="macbook">
        <img src="{{ section.settings.sampleid | img_url: '200x200' }}" />
    test - {{ product.title }}
  </div>
 
</div>
 
{% schema %}
{
  "name": "image",
"max_blocks": 3,
 
  "blocks": [
    {
      "type": "image",
      "name": "Product Image",
      "settings": [
        {
        "id": "product",
        "type": "image_picker",
        "label": "Product Image"
        },
{
"type": "product",
        "id": "sampleid",
        "label": "Product"
}
      ]
    }
  ]
}
 
{% endschema %}
 
{% stylesheet %}
{% endstylesheet %}
 
{% javascript %}
{% endjavascript %}

heres my template code for the page I created

<div class="page-width">
<div class="grid">
<div class="grid__item medium-up--five-sixths medium-up--push-one-twelfth">
<div class="section-header text-center">
<h1>{{ page.title }}</h1>
</div>

<div class="rte">
{{ page.content }}
</div>
</div>
</div>
</div>


{% section 'block-sample' %}

and no, im not asking someone for help WITH payment, Im asking here to learn. 

0 Likes
Shopify Expert
2000 81 1451

@Kingvlad wrote:

and no, im not asking someone for help WITH payment, Im asking here to learn. 


I really do hope that you've not asked other questions here and forum members have tried to solicit work from you instead of helping. This is not what the forums are all about so if you've had this happen I'm sorry. Happy to look into those previous posts.

 

<img src="{{ section.settings.sampleid | img_url: '200x200' }}" />

In the code above it doesn't look like you're referencing that image. "sampleid" is not the image picker.
I can tell you exactly what to do here, but giving you a little nudge first to see if the above helps you figure it out. Reply back if you're still stuck.

 

 

 

 

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