123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263 |
- <template>
- <article class="product">
- <header>
- <h1 v-html="product.title"/>
- </header>
- <section class="content">
- <div class="description" v-html="product.body"/>
- </section>
- <aside v-if="!isAdherent">
- <div
- class="variation"
- v-for="variation in product.variations"
- :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>
- <div v-if="product.id == 4">
- <a href="mailto:info@materio.com?subject=Multi-Joueurs" class="btn">
- {{ $t("default.Ask for a quote") }}
- </a>
- </div>
- </aside>
- </article>
- </template>
- <script>
- import router from 'vuejs/route'
- import productsMixins from 'vuejs/components/productsMixins'
- export default {
- name: "Product",
- router,
- props: ['product'],
- mixins: [productsMixins],
- data(){
- return {
- quantity: 1,
- // showLoginModal:false
- variation_btn_txt: {
- 3: 'Yeees!',
- 4: 'Yay!',
- 5: 'Great!',
- 6: 'OKAY!'
- }
- }
- },
- created(){
- console.log('this.product', this.product)
- }
- }
- </script>
- <style lang="scss" scoped>
- </style>
|