Not get a image url in capture

samirinterlink
Shopify Partner
1 0 0
{% style %}
.play-button-set a {
position: absolute;
top: 50%;
left: 48%;
transform: translate(-50%, -50%);
box-shadow: 0px 0px 12px 0 #00000047;
border-radius: 100%;
}

.set-heading-img-tes{
width: 400px;
height: 226px;
}

@media(max-width: 786px){
.set-heading-img-tes {
width: 100%;
height: 180px;
object-fit: cover !important;
}
}
{% endstyle %}

<section class="testimonials">
  <div class="container">
    <h2 class="title text-center inline-richtext {{ section.settings.heading_size }}{% if settings.animations_reveal_on_scroll %} scroll-trigger animate--slide-in{% endif %}">
      {{ section.settings.title }}</h2>
    <div id="testimonials-slider" class="splide">
      <div class="splide__track">
        <ul class="splide__list">
          {% for block in section.blocks %}
            {% comment %} {% assign idtestimonials = " " %} {% endcomment %}
            {% capture idtestimonials %}
                <img src="{{ block.settings.imageone | img_url: '180x180' }}" alt="Testimonial Image {% increment variablename %}">
            {% endcapture %}
          <li class="splide__slide position-relative">
            {% comment %} {% if block.settings.displayMode == 'image' %} {% endcomment %}
            <img src="{{ block.settings.image | img_url: 'master' }}"
              alt="Testimonial Image {% increment variablename %}" width="auto" height="auto"
              class="mb-2 set-heading-img-tes" style="border-radius: 1.8rem; object-fit: contain;">
            <div class="play-button-set">
              <a href="#" class="text-decoration-none quick-view-link" data-bs-toggle="modal"
                data-bs-target="#videoModal" role="button"><svg xmlns="http://www.w3.org/2000/svg"
                  width="50" height="50" fill="none" viewBox="0 0 164 164" class="PlayIcon">
                  <circle cx="82" cy="82" r="82" fill="#00D6A0"></circle>
                  <path fill="#fff" d="M134 81.5l-78.75 45.466V36.034L134 81.5z"></path>
                </svg>
              </a>
            </div>
            {% comment %} {% endif %} {% endcomment %}
          </li>
          {% endfor %}
        </ul>
      </div>
    </div>
  </div>

</section>

{% comment %} <!-- Modal --> {% endcomment %}
<div class="modal fade" id="videoModal" tabindex="-1" aria-labelledby="videoModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h1 class="modal-title fs-5" id="videoModalLabel">Modal title</h1>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        {% if block.settings.displayMode == 'image' %}
        <video controls width="100%" height="auto">
          <source src="{{ block.settings.video.id }}" type="video/mp4">
        </video>
        {% else %}
        <div class="image-container">
          {{ idtestimonials }}
        </div>
        {% endif %}
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>


<script>
  document.addEventListener('DOMContentLoaded', function () {
    new Splide('#testimonials-slider', {
      type: 'loop',
      perPage: 3,
      perMove: 1,
      pagination: true,
      arrows: false,
      autoplay: false,
      interval: 5000,
      breakpoints: {
        1024: {
          perPage: 3,
        },
        768: {
          perPage: 3,
        },
        576: {
          perPage: 1,
        },
        0: {
          perPage: 1,
        }
      },
      updateOnMove: true,
    }).mount();
  });
</script>
{% schema %}
{
"name": "Testimonials",
"tag": "section",
"class": "testimonials",
"settings": [
{
"type": "text",
"id": "title",
"label": "Testimonials Heading"
}
],
"blocks": [
{
"name": "Slide",
"type": "slide",
"settings": [
{
"type": "image_picker",
"id": "image",
"label": "Image"
},
{
"type": "select",
"id": "displayMode",
"label": "Display Mode",
"default": "image",
"options": [
{
"value": "image",
"label": "Image Popup"
},
{
"value": "video",
"label": "Video"
}
]
},
{
"type": "video",
"id": "video",
"label": "Video"
},
{
"type": "image_picker",
"id": "imageone",
"label": "Image Popup 1"
},
{
"type": "image_picker",
"id": "imagetwo",
"label": "Image Popup 2"
},
{
"type": "image_picker",
"id": "imagethree",
"label": "Image Popup 3"
},
{
"type": "image_picker",
"id": "imagefour",
"label": "Image Popup 4"
},
{
"type": "image_picker",
"id": "imagefive",
"label": "Image Popup 5"
},
{
"type": "image_picker",
"id": "imagesix",
"label": "Image Popup 6"
}
]
}
],
"presets": [
{
"name": "Testimonials",
"settings": {
"title": "Our Testimonials"
},
"blocks": [
{
"type": "slide"
},
{
"type": "slide"
}
]
}
]
}
{% endschema %}




not get a image URL
<img src="{{ block.settings.imageone | img_url: '180x180' }}" alt="Testimonial Image {% increment variablename %}">

Replies 0 (0)