How can I add text under gallery images in the Pipeline theme?

Hello!

I’m working with the Pipeline theme and was hoping to complete a little extra coding but need some help with it!

I would like to add text below my gallery images, I would also like to add one more gallery image to the limit.

Can someone please point me in the right direction on where to start?

Thanks!

@Julia_26

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

Hi!

Unfortunately I do already have a live store that is not the one I’m working on. This is a preview of the one I’m having issues with: https://t0qquo189c0ddi4g-2483393.shopifypreview.com

@Julia_26

can you please show me issue image please

I need text below each of these yellow images that form the gallery section

@Julia_26

yes please sent Gallery section code so i will check and update

{% assign wrapper_class = ‘wrapper’ %}
{%- if section.settings.full_width -%}
{% assign wrapper_class = ‘clearfix’ %}
{%- endif -%}{% assign has_padding_class = ‘’ %}
{%- if section.settings.padding -%}
{% assign has_padding_class = ‘has-padding’ %}
{%- endif -%}

{% for block in section.blocks %} {% assign has_link = false %} {% if block.settings.link != blank %} {% assign has_link = true %} {% endif %} {% assign has_video = false %} {% if block.settings.link contains 'youtu' or block.settings.link contains '[vimeo.com](http://vimeo.com/)' %} {% assign has_video = true %} {% endif %}
{% if block.settings.image != blank %}
{%- if section.settings.scale_image -%} {%- render 'image-fill', img_object: block.settings.image, aspect_ratio: section.settings.aspect_ratio -%} {%- else -%} {%- render 'image-fill', img_object: block.settings.image -%} {%- endif -%} {% if has_video %} {% if has_video %}{% render 'icon-play-thumb' %}{% endif %}
{% render 'video-popup', video: block.settings.link, unique: block.id %}
{% elsif has_link %} {% else %}
{% render 'image-zoom', image: block.settings.image, unique: block.id %}
{% endif %}
{{ block.settings.image.alt | strip_html | escape }} {% else %} {%- render 'image-fill', img_object: '', aspect_ratio: section.settings.aspect_ratio -%} {% endif %}
{% endfor %}
{% if section.blocks.size == 0 %}
{{ '[home_page.onboarding.no](http://home_page.onboarding.no/)_content' | t }}
{% endif %}
{% schema %} { "name": "Gallery", "max_blocks": 6, "settings": [ { "type": "checkbox", "id": "full_width", "label": "Full width", "default": false }, { "type": "checkbox", "id": "padding", "label": "Has padding", "default": true }, { "type": "header", "content": "Images" }, { "type": "checkbox", "id": "scale_image", "label": "Scale images", "default": true }, { "type": "range", "id": "aspect_ratio", "min": 0.5, "max": 1.5, "step": 0.1, "unit": ":1", "label": "Image scaling ratio", "info": "Wide to tall", "default": 1 }, { "type": "select", "id": "bg", "label": "Background color", "default": "palette--light bg--neutral", "options": [ { "value": "palette--light bg--neutral", "label": "Default"}, { "value": "palette--light bg--accent", "label": "Light"}, { "value": "palette--dark bg--invert", "label": "Dark"}, { "value": "palette--dark bg--invert--accent", "label": "Dark accent"} ] } ], "blocks": [ { "type": "image", "name": "Image", "settings": [ { "type": "image_picker", "id": "image", "label": "Image" }, { "type": "text", "id": "link", "label": "Link", "info": "YouTube and Vimeo links will use a popup. Blank links will zoom image." } ] } ], "presets": [ { "name": "Gallery", "category": "Image", "blocks": [ { "type": "image" }, { "type": "image" }, { "type": "image" } ] } ] } {% endschema %}

@Julia_26

thanks for code yes try this

{% assign wrapper_class = 'wrapper' %}
{%- if section.settings.full_width -%}
  {% assign wrapper_class = 'clearfix' %}
{%- endif -%}{% assign has_padding_class = '' %}
{%- if section.settings.padding -%}
  {% assign has_padding_class = 'has-padding' %}
{%- endif -%}
  

    

      

        {% for block in section.blocks %}
          {% assign has_link = false %}
          {% if block.settings.link != blank %}
            {% assign has_link = true %}
          {% endif %}
          {% assign has_video = false %}          {% if block.settings.link contains 'youtu' or block.settings.link contains 'vimeo.com' %}
            {% assign has_video = true %}
          {% endif %}          
            {% if block.settings.image != blank %}
              

                {%- if section.settings.scale_image -%}
                  {%- render 'image-fill', img_object: block.settings.image, aspect_ratio: section.settings.aspect_ratio -%}
                {%- else -%}
                  {%- render 'image-fill', img_object: block.settings.image -%}
                {%- endif -%}                {% if has_video %}
                  {% if has_video %}{% render 'icon-play-thumb' %}{% endif %}
                  

                    {% render 'video-popup', video: block.settings.link, unique: block.id %}
                  

                {% elsif has_link %}
                  
                {% else %}
                  

                    {% render 'image-zoom', image: block.settings.image, unique: block.id %}
                  

                {% endif %}
              

              
            {% else %}
              {%- render 'image-fill', img_object: '', aspect_ratio: section.settings.aspect_ratio -%}
            {% endif %}
            {% if block.settings.text-title != blank %}
             ### {{ block.settings.text-title }}
             {% endif %}
          

        {% endfor %}
      
      {% if section.blocks.size == 0 %}
        {{ 'home_page.onboarding.no_content' | t }}

      {% endif %}
    

  

{% schema %}
  {
    "name": "Gallery",
    "max_blocks": 6,
    "settings": [
      {
        "type": "checkbox",
        "id": "full_width",
        "label": "Full width",
        "default": false
      },
      {
        "type": "checkbox",
        "id": "padding",
        "label": "Has padding",
        "default": true
      },
      {
        "type": "header",
        "content": "Images"
      },
      {
        "type": "checkbox",
        "id": "scale_image",
        "label": "Scale images",
        "default": true
      },
      {
        "type": "range",
        "id": "aspect_ratio",
        "min": 0.5,
        "max": 1.5,
        "step": 0.1,
        "unit": ":1",
        "label": "Image scaling ratio",
        "info": "Wide to tall",
        "default": 1
      },
      {
        "type": "select",
        "id": "bg",
        "label": "Background color",
        "default": "palette--light bg--neutral",
        "options": [
          { "value": "palette--light bg--neutral", "label": "Default"},
          { "value": "palette--light bg--accent", "label": "Light"},
          { "value": "palette--dark bg--invert", "label": "Dark"},
          { "value": "palette--dark bg--invert--accent", "label": "Dark accent"}
        ]
      }
    ],
    "blocks": [
      {
        "type": "image",
        "name": "Image",
        "settings": [
          {
            "type": "image_picker",
            "id": "image",
            "label": "Image"
          },
           {
            "type": "text",
            "id": "text-title",
            "label": "Title"
          },
          {
            "type": "text",
            "id": "link",
            "label": "Link",
            "info": "YouTube and Vimeo links will use a popup.  Blank links will zoom image."
          }
        ]
      }
    ],
    "presets": [
      {
        "name": "Gallery",
        "category": "Image",
        "blocks": [
          {
            "type": "image"
          },
          {
            "type": "image"
          },
          {
            "type": "image"
          }
        ]
      }
    ]
  }
{% endschema %}