merdan
/
sarga
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

mobile view issue

This commit is contained in:
rahulshukla-home 2020-11-23 15:42:50 +05:30
parent d6e5b940ec
commit 4ad221ec05
3 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/Webkul/Shop/src/Resources/views/products/view/gallery.blade.php
View File

@ -38,7 +38,7 @@
</li>
<li class="thumb-frame" v-for='(thumb, index) in thumbs' @mouseover="changeImage(thumb)" :class="[thumb.large_image_url == currentLargeImageUrl ? 'active' : '']" id="thumb-frame">
<video v-if="thumb.type == 'video'" width="100" height="100" controls>
<video v-if="thumb.type == 'video'" width="100%" height="100%" onclick="this.paused ? this.play() : this.pause();">
<source :src="thumb.video_url" type="video/mp4">
{{ __('admin::app.catalog.products.not-support-video') }}
</video>
@ -53,7 +53,7 @@
</ul>
<div class="product-hero-image" id="product-hero-image">
<video :key="currentVideoUrl" v-if="currentType == 'video'" width="500" height="450" controls>
<video :key="currentVideoUrl" v-if="currentType == 'video'" width="100%" height="100%" controls>
<source :src="currentVideoUrl" :data-image="currentOriginalImageUrl" type="video/mp4">
{{ __('admin::app.catalog.products.not-support-video') }}
</video>

2
packages/Webkul/Velocity/src/Resources/assets/js/UI/components/image-magnifier.vue
View File

@ -1,6 +1,6 @@
<template>
<div class="magnifier">
<video :key=this.activeImageVideoURL v-if="currentType == 'video'" width="500" height="450" controls>
<video :key=this.activeImageVideoURL v-if="currentType == 'video'" width="100%" height="100%" controls>
<source :src=this.activeImageVideoURL ref="activeProductImage"
id="active-product-image"
class="main-product-image" type="video/mp4">

4
packages/Webkul/Velocity/src/Resources/views/shop/products/view/gallery.blade.php
View File

@ -69,8 +69,8 @@
:class="`thumb-frame ${index + 1 == 4 ? '' : 'mr5'} ${thumb.large_image_url == currentLargeImageUrl ? 'active' : ''}`"
>
<video v-if="thumb.type == 'video'" width="110" height="110" controls>
<source :src="thumb.small_image_url" type="video/mp4">
<video v-if="thumb.type == 'video'" width="100%" height="100%" onclick="this.paused ? this.play() : this.pause();">
<source :src="thumb.video_url" type="video/mp4">
{{ __('admin::app.catalog.products.not-support-video') }}
</video>