Html Code is showing at product page media gallery

[laviere]

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?

[BrainStation23 · Accepted solution]

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.

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.

[BrainStation23 · Accepted solution]

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.

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.

[laviere]

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

[laviere]

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]

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?

[BrainStation23]

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.

 Video is also playing.

Let us know if this works for you or not.

[laviere]

i tried the above solution but nothing works

[BrainStation23]

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

[laviere]

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

[laviere]

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

[BrainStation23 · 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.