Html Code is showing at product page media gallery

Shopify Discussion
1

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?

2

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
BrainStation23_0-1717760114650.png1900×865 281 KB

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.

3

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

4

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’ %}

5

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?

6

After debugging, we found out the issue is in this line:

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
BrainStation23_0-1718001093509.png1897×652 371 KB

Video is also playing.
Let us know if this works for you or not.

7

i tried the above solution but nothing works

8

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

BrainStation23_0-1718009814011.png
BrainStation23_0-1718009814011.png577×110 5.24 KB

9

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

10

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

11

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.