Velocity product list card price ui improved
This commit is contained in:
parent
2a8352a3e7
commit
0e4cc72d0a
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
|
|
@ -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",
|
||||
|
|
|
|||
|
|
@ -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"
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
||||
/*
|
||||
|
|
|
|||
Loading…
Reference in New Issue