sidharth.kothari
/
retailer-vue
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

cart product list fixes

This commit is contained in:
User 2023-06-20 18:24:22 +05:30
parent 2e612c4527
commit de75485193
2 changed files with 30 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
src/components/retailer/cart-product/CartProductList.vue
View File

@ -13,8 +13,9 @@
v-for="(product, index) in cartItems.slice().reverse()"
v-bind:key="index"
>
<v-row class="mx-1 mt-4">
<v-col cols="4">
<v-row class="mx-1 mt-1 p-2">
<!-- img column -->
<v-col cols="8" sm="4" md="4" lg="4" >
<div v-if="product.customAttributes.isPersonalize == 1">
<div v-if="product.personalizeDetails">
<div v-if="checkThumbnails(product.personalizeDetails)">
@ -278,14 +279,14 @@
</v-row>
</div>
</v-col>
<!---------------------------cart page--------------------------------------------->
<v-col cols="8" class="py-0" v-show="cartProductPage">
<!-------------img description qty price -------------------------->
<v-col cols="4" sm="8" md="8" lg="8" class="py-0" v-show="cartProductPage">
<v-row class="my-3">
<v-col cols="12" sm="6" md="5" lg="6">
<v-row>
<p
class=" mt-4
mb-6
class=" md-mt-4 lg-mt-4
mb-2
fontsize-14
text-black
float-left
@ -296,7 +297,7 @@
</v-row>
<v-row>
<p
class="fontsize-14 mb-6 text-uppercase"
class="fontsize-14 mb-2 text-uppercase"
v-show="cartProductPage"
>
Sku {{ product.sku }}
@ -304,7 +305,7 @@
</v-row>
<v-row>
<p
class=" fontsize-14 mb-6 text-uppercase"
class=" fontsize-14 mb-2 text-uppercase"
v-show="cartProductPage"
>
UPC {{ product.customAttributes.upc }}
@ -318,7 +319,7 @@
</v-col>
<v-col cols="12" sm="6" md="7" lg="6">
<v-row align="center">
<v-col cols="8" sm="8" md="9" lg="7" class="pb-0">
<v-col cols="8" sm="8" md="9" lg="9" class="pb-0">
<v-row
v-if="product.customAttributes.isPersonalize == 1"
align="center"
@ -378,12 +379,12 @@
</v-hover>
</v-col>
</v-row>
<v-row align="center" class="mt-n2" v-else>
<v-col cols="auto" class="pr-1 py-0">
<p class="fontsize-14 mb-0 pb-10">Qty.</p>
<!-- qty and price field -->
<v-row class="m-0" v-else >
<v-col cols="12" sm="4" md="4" lg="4" class="pl-0 ml-0 ">
<p class="fontsize-14 mb-0 ">Qty.</p>
</v-col>
<v-col class="pl-0 pt-0">
<v-col cols="12" sm="8" md="8" lg="8" class="px-0 py-0 ">
<v-hover v-slot:default="{ isHovering, props }">
<v-select
:items="
@ -397,7 +398,7 @@
class="
fontsize-16
line-height-21
ls-n009
ls-n00 pr-2
font-weight-400
cartproductlist-select-button
"
@ -434,8 +435,9 @@
</v-col>
</v-row>
</v-col>
<v-col cols="4" sm="4" md="3" lg="5" class="pb-0">
<p class="fontsize-14 float-right mb-12">
<!-- product price -->
<v-col cols="4" sm="4" md="3" lg="3" class="mb-sm-4 mb-md-4 mb-lg-4 pb-0 pl-8 ">
<p class="fontsize-14 float-right ">
${{ priceFormatter(product.rowTotal) }}
</p>
</v-col>
@ -475,8 +477,8 @@
</v-row>
</v-col>
<!------------------------------------------------------------------------------------->
<v-row class="ma-0 pb-4 pt-5" v-show="checkOut">
<!---------------------------Remove button----------------->
<v-row class="mt-auto pb-2 pt-2" v-show="checkOut">
<v-col align="right">
<a
@ -499,7 +501,9 @@
</v-row>
</v-row>
<v-row>
<div class="hr-line" v-show="cartProductPage && cartItems.length > 1"></div>
<div class="hrDivider my-4" v-if="cartProductPage && cartItems.length > 1">
</div>
</v-row>
</v-card>
<v-col class="text-center mb-12" v-if="isGateModulePage">
@ -1382,5 +1386,10 @@ export default {
.cartproductlist-expansion .v-expansion-panel-content__wrap {
padding: 0 0px 0px !important;
}
.hrDivider{
height: 1px;
width: 100%;
background: rgb(24, 24, 24);
}
</style>
<style src="./CartProductList.scss" lang="scss" scoped/>

2
src/routes/retailer/cart_products.vue
View File

@ -68,7 +68,7 @@
</v-col>
<v-divider class="hidden-md-and-up"></v-divider>
<v-row>
<v-col cols="12" sm="12" md="12" class="mt-5">
<v-col cols="12" sm="12" md="12" class="mt-1">
<CartProductList
:checkOut="chekoutFlag"
:cartItems="cartProductsItem"