not showing feature...
 
Notifications
Clear all

[Solved] not showing featured product video on collection pages

3 Posts
2 Users
1 Reactions
634 Views
Susanclark
(@susanclark)
Eminent Member
Joined: 5 years ago
Posts: 38
Topic starter  

Hi,

I love the featured video on my product page (Plak theme) but I would prefer not having it autoplaying in the featured collections, I just want it to show another product image but keeping the video featured on product page, i hope my question make sens, thank you in advance

Susan


   
Quote
Jasmine Keinsh
(@plakadmin)
Estimable Member Admin
Joined: 4 years ago
Posts: 131
 

Hi @susanclark

Jasmine from Plak Theme support here,

In order to disable the featured video from the collection grid, I invite you to follow these steps :

 

  • From your Shopify dashboard, click Online store > Actions > Edit code
  • Open the file product-card-grid
  • Replace this entire code
 {% for media in product.media limit:1%}
{% case media.media_type %}
{% when 'image' %}
<img class="grid-view-item__image lazyload animation--{{settings.lazyloading-effect}}" src="{{ 'blank.jpg' | asset_url }}" data-src="{{ product.featured_image.src | img_url: grid_image_width }}" alt="{{ product.featured_image.alt }}" data-expand="-40">
{% if product.images.size > 1 %}
{% if settings.enable_hover_button %}
<img class="secondary small--hide lazyload lazypreload" data-src="{{ product.images.last | img_url: grid_image_width }}" alt="{{ product.images.last.alt | escape }}">
{% endif %}
{% endif %}
{% when 'external_video' %}
{{ media | external_video_tag: class: "grid-view-item__image lazyload" }}
{% when 'video' %}
{{ media | video_tag: loop: true, autoplay: true, muted: true , class: "grid-view-item__image lazyload" }}
{% endcase %}
{% endfor %}
  • With this one
 {% for images in product.images limit:1%}
<img class="grid-view-item__image lazyload animation--{{settings.lazyloading-effect}}" src="{{ 'blank.jpg' | asset_url }}" data-src="{{ product.featured_image.src | img_url: grid_image_width }}" alt="{{ product.featured_image.alt }}" data-expand="-40">
{% if product.images.size > 1 %}
{% if settings.enable_hover_button %}
<img class="secondary small--hide lazyload lazypreload" data-src="{{ product.images.last | img_url: grid_image_width }}" alt="{{ product.images.last.alt | escape }}">
{% endif %}
{% endif %}
{% endfor %}
  • Click Save

 

If you have any other questions or requests, feel free to get back to us again

Jasmine

Jasmine | Plak theme support
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as a Solved Solution


   
Susanclark reacted
ReplyQuote
Susanclark
(@susanclark)
Eminent Member
Joined: 5 years ago
Posts: 38
Topic starter  

It worked !!!! thanks a lot Jasmine 🙂 


   
ReplyQuote
Share:

Welcome to the Shopify Forum Community provided by Plak ThemeLLC, a place where you can discuss about eCommerce and Shopify, solve technical issues, get help with Shopify Design, Apps integration, Marketing, Facebooks ad, Google ads and more.

Before posting, we invite you to read and follow the forum rules | We also support any questions related to Free Shopify themes :Dawn, Express, Minimal, Brooklyn, Narrative, Supply, Debut, Venture, Boundless and Simple