bachir/materio-d9
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

added engagement de 12 mois to product variations descriptions

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi
2021-07-08 11:43:45 +02:00
parent 84477a8d33
commit 8b6dd73ec4
7 changed files with 89 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/themes/custom/materiotheme/assets/dist/main.css vendored
View File

File diff suppressed because one or more lines are too long

BIN
web/themes/custom/materiotheme/assets/dist/main.css.gz vendored
View File

Binary file not shown.

2
web/themes/custom/materiotheme/assets/dist/module-pricing.bundle.js vendored
View File

@@ -1 +1 @@
(self.webpackChunkmaterio_com=self.webpackChunkmaterio_com||[]).push([[665],{1003:(t,e,r)=>{"use strict";r.r(e),r.d(e,{default:()=>v});var s=function(){var t=this,e=t.$createElement,r=t._self._c||e;return r("div",{attrs:{id:"pricing"}},[t.products.length?t._l(t.products,(function(t){return r("Product",{key:t.uuid,attrs:{product:t}})})):r("div",{staticClass:"loading"},[r("span",[t._v(t._s(t.$t("default.Loading…")))])])],2)};s._withStripped=!0;var o=function(){var t=this,e=t.$createElement,r=t._self._c||e;return r("article",{staticClass:"product"},[r("header",[r("h1",{domProps:{innerHTML:t._s(t.product.title)}})]),t._v(" "),r("section",{staticClass:"content"},[r("div",{staticClass:"description",domProps:{innerHTML:t._s(t.product.body)}})]),t._v(" "),t.isAdherent?t._e():r("aside",[t._l(t.product.variations,(function(e){return r("div",{key:e.id,staticClass:"variation"},[r("div",{staticClass:"variation-description",domProps:{innerHTML:t._s(e.description)}}),t._v(" "),r("button",{attrs:{type:"button",name:"addtocart"},on:{click:function(r){return r.stopPropagation(),t.checkaddtocart(r,e.id)}}},[t._v("\n "+t._s(t.$t("default."+t.variation_btn_txt[e.id]))+"\n ")])])})),t._v(" "),4==t.product.id?r("div",[r("a",{staticClass:"btn",attrs:{href:"/pricing/multijoueur"}},[t._v("\n "+t._s(t.$t("default.Ask for a quote"))+"\n ")])]):t._e()],2)])};o._withStripped=!0;var i=r(4408),n=r(1423);const a={name:"Product",router:i.Z,props:["product"],mixins:[n.Z],data:()=>({quantity:1,variation_btn_txt:{3:"Yeees!",4:"Yay!",5:"Great!",6:"OKAY!"}}),created(){this.product}};var c=r(1900),d=(0,c.Z)(a,o,[],!1,null,"0f9e2147",null);d.options.__file="web/themes/custom/materiotheme/vuejs/components/Content/Product.vue";const u=d.exports;var p=r(629);const l={name:"Pricing",computed:{...(0,p.rn)({products:t=>t.Pages.products})},created(){this.products.length||this.getProducts()},methods:{...(0,p.nv)({getProducts:"Pages/getProducts"})},components:{Product:u}};var _=(0,c.Z)(l,s,[],!1,null,"bdd44e2e",null);_.options.__file="web/themes/custom/materiotheme/vuejs/components/Pages/Pricing.vue";const v=_.exports}}]);
(self.webpackChunkmaterio_com=self.webpackChunkmaterio_com||[]).push([[665],{1003:(t,e,s)=>{"use strict";s.r(e),s.d(e,{default:()=>v});var r=function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("div",{attrs:{id:"pricing"}},[t.products.length?t._l(t.products,(function(t){return s("Product",{key:t.uuid,attrs:{product:t}})})):s("div",{staticClass:"loading"},[s("span",[t._v(t._s(t.$t("default.Loading…")))])])],2)};r._withStripped=!0;var i=function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("article",{staticClass:"product"},[s("header",[s("h1",{domProps:{innerHTML:t._s(t.product.title)}})]),t._v(" "),s("section",{staticClass:"content"},[s("div",{staticClass:"description",domProps:{innerHTML:t._s(t.product.body)}})]),t._v(" "),t.isAdherent?t._e():s("aside",[t._l(t.product.variations,(function(e){return s("div",{key:e.id,staticClass:"variation"},[s("div",{staticClass:"variation-description",domProps:{innerHTML:t._s(e.description)}}),t._v(" "),s("div",{staticClass:"actions"},[s("button",{attrs:{type:"button",name:"addtocart"},on:{click:function(s){return s.stopPropagation(),t.checkaddtocart(s,e.id)}}},[t._v("\n "+t._s(t.$t("default."+t.variation_btn_txt[e.id]))+"\n ")])])])})),t._v(" "),4==t.product.id?s("div",[s("a",{staticClass:"btn",attrs:{href:"/pricing/multijoueur"}},[t._v("\n "+t._s(t.$t("default.Ask for a quote"))+"\n ")])]):t._e()],2)])};i._withStripped=!0;var o=s(4408),n=s(1423);const a={name:"Product",router:o.Z,props:["product"],mixins:[n.Z],data:()=>({quantity:1,variation_btn_txt:{3:"Yeees!",4:"Yay!",5:"Great!",6:"OKAY!"}}),created(){this.product}};var c=s(1900),d=(0,c.Z)(a,i,[],!1,null,"0f9e2147",null);d.options.__file="web/themes/custom/materiotheme/vuejs/components/Content/Product.vue";const u=d.exports;var p=s(629);const l={name:"Pricing",computed:{...(0,p.rn)({products:t=>t.Pages.products})},created(){this.products.length||this.getProducts()},methods:{...(0,p.nv)({getProducts:"Pages/getProducts"})},components:{Product:u}};var _=(0,c.Z)(l,r,[],!1,null,"bdd44e2e",null);_.options.__file="web/themes/custom/materiotheme/vuejs/components/Pages/Pricing.vue";const v=_.exports}}]);

BIN
web/themes/custom/materiotheme/assets/dist/module-pricing.bundle.js.gz vendored
View File

Binary file not shown.

4
web/themes/custom/materiotheme/assets/dist/report.html vendored
View File

File diff suppressed because one or more lines are too long

107
web/themes/custom/materiotheme/assets/styles/main.scss
View File

@@ -1282,28 +1282,60 @@ article.node--type-frontpage{
}
}
.field--name-variations{
.field__item{
>.field__item{
// text-align: center;
// display: table;
// width: 100%;
// &:last-child{
// margin: 0.1em 0 0;
// }
margin-top: 0.5em;
>div{
display: flex;
flex-direction: row;
justify-content: center;
align-items: baseline;
.form-actions,p{
margin:0;
}
// display: flex;
// flex-direction: row;
// justify-content: center;
// align-items: center;
// display: table-row;
// height: 1em;
display: grid;
grid-template-columns: 50% 50%;
>*{
// height:2em;
// display: table-cell;
// vertical-align: middle;
align-self: center;
}
.field--name-field-description{
margin-right: 0.5em;
p{
text-align: right;
// width: 55%;
// margin-right: 0.5em;
// min-width: 10em;
h4{
font-size: 1.512em;
font-weight: 800;
color: #fff;
white-space: nowrap;
text-align: right;
line-height: 1;
}
p{
font-size: 0.882em;
line-height: 0.8;
margin: 0;
}
}
input.button--add-to-cart{
@include btn;
}
form{
text-align: left;
padding-left: 1em;
// position: relative;
.form-actions{
margin:0;
}
input.button--add-to-cart{
@include btn;
margin: 0;
}
}
}
}
}
@@ -2264,27 +2296,40 @@ article.card{
}
}
aside{
padding:1em 0;
// padding:1em 0;
.variation{
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items:stretch;
// display: flex;
// flex-flow: row nowrap;
// justify-content: center;
// align-items:stretch;
display: grid;
grid-template-columns: 50% 50%;
margin-top: 0.5em;
>*{
align-self: center;
}
div.variation-description{
flex: 0 0 6.7em;
font-size: 1.5em;
font-weight: 800;
// flex: 0 0 auto;
color: #fff;
text-align: right;
h4{
font-size: 1.5em;
font-weight: 800;
margin:0;
line-height: 1;
}
p{
margin:0;
text-align: right;
padding-right: 0.5em;
padding-top: 0.1em;
line-height: 0.8;
}
}
button{
@include btn;
background-color: #fff;
div.actions{
text-align: left;
padding-left: 1em;
button{
@include btn;
background-color: #fff;
}
}
}
a.btn{
@@ -2294,19 +2339,19 @@ article.card{
}
&:nth-child(1){
background-color: $color-base;
aside .variation button{
aside .variation .actions button{
color: $color-base;
}
}
&:nth-child(2){
background-color: $color-webshowroom;
aside .variation button{
aside .variation .actions button{
color: $color-webshowroom;
}
}
&:nth-child(3){
background-color: $color-showrooms;
aside .variation button,
aside .variation .actions button,
a.btn{
color: $color-showrooms;
}

16
web/themes/custom/materiotheme/vuejs/components/Content/Product.vue
View File

@@ -13,13 +13,15 @@
:key="variation.id"
>
<div class="variation-description" v-html="variation.description"/>
<button
type="button"
name="addtocart"
@click.stop="checkaddtocart($event, variation.id)"
>
{{ $t('default.'+variation_btn_txt[variation.id]) }}
</button>
<div class="actions">
<button
type="button"
name="addtocart"
@click.stop="checkaddtocart($event, variation.id)"
>
{{ $t('default.'+variation_btn_txt[variation.id]) }}
</button>
</div>
</div>
<div v-if="product.id == 4">
<a href="/pricing/multijoueur" class="btn">