Merge pull request #3658 from devansh-webkul/mobile_view_issue

Fixed (Mobile view) getting product image issue when set grid as List type in category page #3532
This commit is contained in:
Jitendra Singh 2020-08-05 15:25:05 +05:30 committed by GitHub
commit b2e00a2ca6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 14 additions and 4 deletions

File diff suppressed because one or more lines are too long

View File

@ -1,5 +1,5 @@
{
"/js/velocity.js": "/js/velocity.js?id=d345f2b6b4009c82cd3e",
"/js/velocity.js": "/js/velocity.js?id=0dcf3ed371cdd1a97616",
"/css/velocity-admin.css": "/css/velocity-admin.css?id=612d35e452446366eef7",
"/css/velocity.css": "/css/velocity.css?id=21237e38e6fdd0b9cd2b"
}

View File

@ -1,12 +1,12 @@
<template>
<div class="col-12 lg-card-container list-card product-card row" v-if="list">
<div class="product-image">
<div class="product-image" style="margin: auto;">
<a :title="product.name" :href="`${baseUrl}/${product.slug}`">
<img
:src="product.image"
:onerror="`this.src='${this.$root.baseUrl}/vendor/webkul/ui/assets/images/product/large-product-placeholder.png'`" />
<product-quick-view-btn :quick-view-details="product"></product-quick-view-btn>
<product-quick-view-btn :quick-view-details="product" v-if="!isMobile()"></product-quick-view-btn>
</a>
</div>
@ -101,5 +101,15 @@
'addToCartHtml': '',
}
},
methods: {
'isMobile': function () {
if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
return true;
} else {
return false;
}
}
}
}
</script>