Need help with "Adding Media to themes" Update

Faaqaaf
Tourist
12 0 1

Ive tried following this coding from Shopify to update my product page image so I can add gifs to it, but following this does not work at all:

https://shopify.dev/tutorials/add-theme-support-for-rich-media-3d-and-video

Can someone please show me an easy way to do this? 

 

Thanks!

0 Likes
OpenThinking
Shopify Partner
260 59 76

Hi there,
Jack from OpenThinking here!

What theme are you using? I don't think you've to implement 3D in order to load simple .gif . Most themes such as Debut and our own Bullet support .gif image files out of the box.

let me know if this works for your. If yes; accept my answer and give me thumbs up! Thank you.

⚡️ Get our [Shopify Themes]: Lightning-fast, eye-catching, highly converting, SEO-optimised, Minimal.
⚡️ Struggling with CODE? You need a Shopify expert to help you with your theme! [Get a free quote]
0 Likes
Faaqaaf
Tourist
12 0 1

Im using Debutify theme. It use to work with this theme before, but no idea why it now dosnt. HOw can this be fixed?

 

Thanks

0 Likes
OpenThinking
Shopify Partner
260 59 76

I've just tried on my test installation of that theme and it is working fine for me using Debutify 2.0.2 (perhaps it's a theme version bug) ?

⚡️ Get our [Shopify Themes]: Lightning-fast, eye-catching, highly converting, SEO-optimised, Minimal.
⚡️ Struggling with CODE? You need a Shopify expert to help you with your theme! [Get a free quote]
0 Likes
Faaqaaf
Tourist
12 0 1

that so weird... its working now oddly. my other gifs are 17 mb's, and this new one i tested is only 5mbs and it works fine, but the bigger ones do not work. maybe size matters.(thats what she said - lol)

 

BUT! perhaps since you know this theme, do you know how to move the ptroduct title in mobile only. desktop positioning is fine but i want to put title under image in mobile. 

0 Likes
Terra-Apparel
New Member
1 0 0

Hey There!

I am working with a client and their Theme says that it is "

Working Copy - Image Swap

I have added in video files into their product pages, but they are not displaying. It doesn't show anywhere that there is an update available for their theme. How would I add in the support to their theme. 

I created a media.liquid snippet with the following code:

 

{% case media.media_type %}

{% when 'image' %}

<div class="product-single__media" style="padding-top: {{ 1 | divided_by: media.aspect_ratio | times: 100}}%;" data-media-id="{{ media.id }}">

{{ media | img_url: '2048x2048' | img_tag }}

</div>

{% when 'external_video' %}

<div class="product-single__media" style="padding-top: {{ 1 | divided_by: media.aspect_ratio | times: 100}}%;" data-media-id="{{ media.id }}">

{{ media | external_video_tag }}

</div>

{% when 'video' %}

<div class="product-single__media" data-media-id="{{ media.id }}">

{{ media | video_tag: controls: true }}

</div>

{% when 'model' %}

<div class="product-single__media" style="padding-top: 100%" data-media-id="{{ media.id }}">

{{ media | model_viewer_tag }}

</div>

{% else %}

<div class="product-single__media" style="padding-top: 100%;" data-media-id="{{ media.id }}">

{{ media | media_tag }}

</div>
{% endcase %}

 

But I can't see where to add the code to call this snippet to work. I tried adding some code to the product.liquid file and it just kept bringing up errors. 

 

Any ideas?

0 Likes