Velocity product list card price ui improved

This commit is contained in:
jitendra 2022-03-15 17:56:16 +05:30
parent 2a8352a3e7
commit 0e4cc72d0a
6 changed files with 19 additions and 10 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1,10 +1,10 @@
{
"/js/jquery-ez-plus.js": "/js/jquery-ez-plus.js?id=ba3c7cada62de152fd8fce211d0b1b70",
"/js/velocity-core.js": "/js/velocity-core.js?id=73cc7c3501570ebe9151c72d954bd97d",
"/js/velocity.js": "/js/velocity.js?id=ac985a4662e87e724291df2a253941e3",
"/js/velocity.js": "/js/velocity.js?id=3c7caee18e6565ee2fe03b1fca202d68",
"/js/manifest.js": "/js/manifest.js?id=3cded37ef514b0fb89b10e7109801248",
"/js/components.js": "/js/components.js?id=f68dd472b8f0ef2f0199f62f49ba9d91",
"/css/velocity.css": "/css/velocity.css?id=0fc4ba6fb3c077bf31735dc21b4def9d",
"/js/components.js": "/js/components.js?id=47d1db552c7f30cc83c51659e7cc6d32",
"/css/velocity.css": "/css/velocity.css?id=dd54920b55c885352d707e95d9e96d46",
"/css/velocity-admin.css": "/css/velocity-admin.css?id=b67a82956e53163b5e3ff45a44f9778f",
"/images/icon-calendar.svg": "/images/icon-calendar.svg?id=870d0f733a58377422766f3152e15486",
"/images/icon-camera.svg": "/images/icon-camera.svg?id=b2fd2f9e17e1ccee96e29f6c6cec91e8",

View File

@ -67,7 +67,7 @@
{{ product.new }}
</div>
<div class="product-price fs16" v-html="product.priceHTML"></div>
<div v-html="product.priceHTML"></div>
<div
class="product-rating col-12 no-padding"

View File

@ -283,13 +283,14 @@
.product-name,
.product-rating {
width: 15rem;
margin-bottom: 2px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.product-price {
height: 72px;
margin-bottom: 15px;
}
}
@ -1561,15 +1562,23 @@
}
.product-price {
display: inline-block;
.price-label {
margin-right: 6px;
}
.regular-price {
font-size: 14px;
font-weight: 500;
margin-right: 10px;
text-decoration: line-through;
display: block;
display: inline-block;
}
.special-price {
display: inline-block;
margin-right: 10px;
float: left;
}
/*