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

tracker#309

This commit is contained in:
rakesh 2023-07-10 11:56:01 +05:30
parent 46fcd6d3a5
commit aa5d1dfee7
3 changed files with 21 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
public/static/js/magentoCmsCache.js
View File

File diff suppressed because one or more lines are too long

4
src/components/retailer/layout/footer/FooterComponent.scss
View File

@ -1,7 +1,7 @@
.footer-background-color{
background-color: #fbfbf5 !important;
border-top: 4px solid #91abc3;
border-bottom: 4px solid #91abc3;
border-top: 3px solid #91abc3;
border-bottom: 3px solid #91abc3;
margin-top: 220px !important;
}
.text-decoration-none:hover{

39
src/components/retailer/layout/footer/FooterComponent.vue
View File

@ -1,23 +1,9 @@
<template>
<v-footer padless >
<v-row>
<v-col
class="footer-background-color"
cols="12"
md="12"
sm="12"
lg="12"
xl="12"
>
<v-footer padless class="footer-background-color">
<v-container class="text-center">
<div class="pt-2 " v-html="customerService"></div>
<div class="pt-2" v-html="stayInTouch"></div>
<div class="pt-2" v-html="copyrightString"></div>
<div v-html="retailerPage && retailerPage.content"></div>
</v-container>
</v-col>
</v-row>
</v-footer>
</template>
@ -25,14 +11,19 @@
<script>
export default {
name: "FooterComponent",
data() {
return {
customerService:
"<div class='fontsize-16 title-color-black whyte-book-font' >Retail Customer Service <a href='tel:1-877-478-4849' class=' fontsize-16 text-decoration-none title-color-black whyte-book-font'> 1-877-478-4849 </a></div>",
stayInTouch:
" <a href='mailto:retailerportal@crane.com' class=' fontsize-16 text-decoration-none title-color-black whyte-book-font'> FEEDBACK OR QUESTIONS? </a> ",
copyrightString: "<div class='fontsize-16 title-color-black whyte-book-font' >© 2021 Crane Stationery</div>",
};
computed: {
retailerPage: function () {
let data = null;
let blockContent = this.$store.state.layout.cmsBlockContent;
if (blockContent.length) {
data = blockContent.filter((element) => {
return element.identifier === "retailer-footer-block";
})[0];
}
return data;
},
},
};
</script>