My Archetype Impulse 7.3.3. theme loads all the product videos in a
Hello @Carlos87 , The reason your video opens in Popup is because there is a YouTube link added to the play button. So it is opening the YouTube video in Popup. I have only checked it from the storefront so can’t figure out the exact code.
To fix this you need to track the Product gallery section code for the Product page and use a video tag instead of a link. Look for the “main-product.liquid” file in the Sections. In the “main-product.liquid” Check if there is any Snippet rendered for the product gallery section. The code could be added as below screenshot. Also, the file name may be different than “product-media-gallery” in your theme.
If you are not familiar with the coding you should hire a developer to fix this issue.
Hello,
I am San from MS Web Designer.
As per our observations, before clicking on the video button, the VideoModal ID and CSS appeared normal. However, after clicking on the video button, external CSS was added. If you wish to disable this CSS, you can do so where your product gallery JS is implemented.
Screenshot has been attached for your reference:
If you have any concerns feel free to ask.
Regards,
San
Hey, thank you so much for the help. I think I’ve found it. I’ll attach a video and the code below. This is the only section that has the word “render” in it. Let me know what kind of code I’d need to add - thank you so much!!!
Video: https://www.loom.com/share/5da709e3599049f79f9243bf5c328ae9?sid=ece7e675-4f54-4667-a255-2ddd8e3d7296
{%- liquid
assign isModal = false
if template == ‘product.modal’
assign isModal = true
endif
-%}
{%- render ‘product-template’,
product: product,
section_id: section.id,
blocks: section.blocks,
image_position: section.settings.image_position,
image_container_width: section.settings.image_size,
product_zoom_enable: section.settings.product_zoom_enable,
sku_enable: section.settings.sku_enable,
isModal: isModal,
thumbnail_position: section.settings.thumbnail_position,
thumbnail_height: section.settings.thumbnail_height,
thumbnail_arrows: section.settings.thumbnail_arrows,
mobile_layout: section.settings.mobile_layout,
video_looping: section.settings.enable_video_looping,
video_style: section.settings.product_video_style,
context: ‘main-product’,
-%}
{% schema %}
{
“name”: “t:sections.main-product.name”,
“settings”: [
Hey. thank you so much for the help. I think I’ve found it. I’ll attach a video and the code below. This is the only section that has the word “render” in it. Let me know what kind of code I’d need to add - thank you so much!!!
Video: https://www.loom.com/share/5da709e3599049f79f9243bf5c328ae9?sid=ece7e675-4f54-4667-a255-2ddd8e3d7296
{%- liquid
assign isModal = false
if template == ‘product.modal’
assign isModal = true
endif
-%}
{%- render ‘product-template’,
product: product,
section_id: section.id,
blocks: section.blocks,
image_position: section.settings.image_position,
image_container_width: section.settings.image_size,
product_zoom_enable: section.settings.product_zoom_enable,
sku_enable: section.settings.sku_enable,
isModal: isModal,
thumbnail_position: section.settings.thumbnail_position,
thumbnail_height: section.settings.thumbnail_height,
thumbnail_arrows: section.settings.thumbnail_arrows,
mobile_layout: section.settings.mobile_layout,
video_looping: section.settings.enable_video_looping,
video_style: section.settings.product_video_style,
context: ‘main-product’,
-%}
{% schema %}
{
“name”: “t:sections.main-product.name”,
“settings”: [
Hello,
Thank you for reaching out to us again.
You are required to turn off the product zoom option within the theme customization settings.
Set isModel to false and then locate where JavaScript is applied to the element “isModel”. This can be found in either the theme.js or vendor.js file.
Hope this helps.
Regards,
San
San, what is your email. Let’s sit down on a Zoom call to figure this out. I’ll compensate for your time to solve this.
Rishi, what is your email. Let’s sit down on a Zoom call to figure this out. I’ll compensate for your time to solve this.