Adding product title to Image gallery on Minimal theme

Highlighted
Shopify Partner
11 0 3

Hi,

Is there anyway to add the product title to the image gallery section or once you pick the product link the title automatically appears at the bottom of the image?

Thanks a lot.

elyfrank_0-1596049889992.png

 

Hopefully, I am looking at the right liquid file. Here it is the code for the gallery. liquid file.

{% assign index = section.blocks.size %}

{% case index %}
{% when 1 %}
{% assign featured_image_width = 'one-whole' %}
{% when 2 %}
{% assign featured_image_width = 'one-half' %}
{% when 3 %}
{% assign featured_image_width = 'small--one-whole one-third' %}
{% when 4 %}
{% assign featured_image_width = 'small--one-whole medium--one-half one-quarter' %}
{% endcase %}

{% unless index == 0 %}
<div class="grid-uniform featured-images">

{% for block in section.blocks limit: section.blocks.size %}

{% if block.settings.image != blank %}
<div class="grid__item {{ featured_image_width }}" {{ block.shopify_attributes }}>
{% if block.settings.link != blank %}<a href="{{ block.settings.link }}">{% endif %}
<noscript>
{{ block.settings.image | img_url: '1024x' | img_tag: block.settings.image.alt }}
</noscript>
<div class="gallery__image-container">
<div class="gallery__image-wrapper" style="padding-top:{{ 1 | divided_by: block.settings.image.aspect_ratio | times: 100}}%;">
{% assign img_url = block.settings.image | img_url: '1x1' | replace: '_1x1.', '_{width}x.' %}
<img class="gallery__image lazyload"
src="{{ block.settings.image | img_url: '300x300' }}"
data-src="{{ img_url }}"
data-widths="[180, 360, 540, 720, 900, 1080, 1296, 1512, 1728, 1944, 2048]"
data-aspectratio="{{ block.settings.image.aspect_ratio }}"
data-sizes="auto"
alt="{{ block.settings.image.alt | escape }}">
</div>
</div>
{% if block.settings.link != blank %}</a>{% endif %}
</div>
{% else %}
<div class="grid__item {{ featured_image_width }}" {{ block.shopify_attributes }}>
{{ 'image' | placeholder_svg_tag: 'icon icon--placeholder' }}
</div>
{% endif %}

{% endfor %}
</div>

  

0 Likes
Highlighted
Astronaut
1085 178 213

Hello,

It would require hiring a developer to code a custom solution for you, unfortunately it's not an easy copy-paste solution otherwise I'd happily guide you through. 

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
0 Likes
Highlighted
New Member
6 0 0

Hi, 

Hope you guys are doing well. 

Im triying to put a TITLE above the gallery or "naming the gallery" but I dont know how. =( Hope you can help brother out. 

Thank you 

Captura de Pantalla 2020-08-31 a la(s) 17.54.01.png

0 Likes
Highlighted
Astronaut
1085 178 213

@CesarRuelas 

For the sake of organization please create a new question with your issue. Many more people will be able to help you out as well.

Thank you

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
0 Likes