Solved

Html Code is showing at product page media gallery

laviere
New Member
13 0 0

hi i have one more query in the product page there is an html tag as shown in the brackets(">) between last two slide images. this is the product page link https://laviere.in/products/marine-melt . Can you also check about this issue?

 
Accepted Solution (1)
BrainStation23
Shopify Partner
344 54 51

This is an accepted solution.

Hi @laviere. As you said you've removed them from your files. Can you send us those update files again? We will check in case there is any data-video-url present or not.

Also, it can be possible that data-video-url is coming from another file. What you can do is download a text editor like vscode and:
1. open your code in vscode
2. search for data-video-url, then you can see all the files where data-video-url is present.

Brain Station 23 PLC
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Email: js.team@brainstation-23.com

View solution in original post

Replies 10 (10)

BrainStation23
Shopify Partner
344 54 51

Hi @laviere. As you can see from the below image, there is a ">" is your code after the img tag of you product image slider. Remove it.

BrainStation23_0-1717760114650.png

 

File name maybe product-media.liquid. As we don't have access to your code, can't say that with 100% surely. Let us know if this works for you or not.

Brain Station 23 PLC
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Email: js.team@brainstation-23.com
laviere
New Member
13 0 0

Hi this is the code with file name slide-show.liquid

 

 

laviere
New Member
13 0 0

hi is this the code which needs some modification

 

<a class="videoPopup-btn" data-fancybox="video-gallery" href="{{ media | video_tag | split: 'source src="' | last | split: '" type=video/mp4>' | first | strip_html | remove: '">'}}" data-width="1200" data-height="675">
{% render 'icon-video' %}
</a>

BrainStation23
Shopify Partner
344 54 51

Hi @laviere. Don't think this is the code. Filename can be product-media.liquid(Not sure as we don't have access to your code).
If you can't find any such file, can you give us the code of your main-product.liquid file?

Brain Station 23 PLC
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Email: js.team@brainstation-23.com
BrainStation23
Shopify Partner
344 54 51
After debugging, we found out the issue is in this line:
 
<div class="productView-video mp4" data-mp4 data-type="mp4" data-video-url="{{ media | video_tag: controls: true, image_size: 'master' }}">
 
The solution can be:
  1. either remove the data-video-url="{{ media | video_tag: controls: true, image_size: 'master' }}" completely. Make sure your video functionality is ok.
  2. or change the code like replace data-video-url="{{ media | video_tag: controls: true, image_size: 'master' }}" with data-video-url='{{ media | video_tag: controls: true, image_size: "master" }}'
     
     
After doing solution #1, this is the output.
 
BrainStation23_0-1718001093509.png
 Video is also playing.
Let us know if this works for you or not.
Brain Station 23 PLC
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Email: js.team@brainstation-23.com
laviere
New Member
13 0 0

i tried the above solution but nothing works

BrainStation23
Shopify Partner
344 54 51

@laviere. data-video-url is still present in your code.

BrainStation23_0-1718009814011.png

 

Brain Station 23 PLC
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Email: js.team@brainstation-23.com
laviere
New Member
13 0 0

Hi i have mailed you some liquid files in which same code is displayed. Can you please have a look once

laviere
New Member
13 0 0

Not resolved. Cant find the specific file from where it is picking the code

BrainStation23
Shopify Partner
344 54 51

This is an accepted solution.

Hi @laviere. As you said you've removed them from your files. Can you send us those update files again? We will check in case there is any data-video-url present or not.

Also, it can be possible that data-video-url is coming from another file. What you can do is download a text editor like vscode and:
1. open your code in vscode
2. search for data-video-url, then you can see all the files where data-video-url is present.

Brain Station 23 PLC
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Email: js.team@brainstation-23.com