Vuestorefront module

Details

Wholesale Request module

Request for quotation (RFQ) integration to Vue Storefront

Installation

git clone [email protected]:Interactivated/vsf-wholesale-request.git vue-storefront/src/modules/wholesale-request
    "wholesale": {
        "endpoint": "https://localhost:8080/api/ext/wholesale"
        },
    
    "extensions": {
        ...
        "wholesale": {
        "transport": {
        "from": "[email protected]",
        "to": "[email protected]",
        "host": "email-smtp.eu-west-1.amazonaws.com",
        "port": 465,
        "secure": true,
        "user": "",
        "pass": ""
        }
        }
        },
    

Module registeration

Go to storefront/src/modules/index.ts

        import { WholesaleRequest } from './wholesale-request';
        export const registerModules: VueStorefrontModule[] = [
          ...,
          WholesaleRequest
        ]
    

Integration to theme

Open your storefront/src/themes/default/pages/Product.vue

        <template>
        <wholesale-request />
        <div class="row m0 add-to-buttons">
        <button @click="showWholesaleModal" class="bg-cl-mine-shaft button-full fs-medium fs-medium sans-serif py20 px10 brdr-none mt15 cl-white">Request an offer for large quantities</button>
        </div>
        </template>
        <script>
        ...
        import WholesaleRequest from '@interactivated/wholesale-request/components/Request.vue'
        exportdefault {
          components: {
            ...,
            WholesaleRequest
          },
          mixins: [... WholesaleRequest],
          ...
        }
        </script>
    
Details

Wholesale Request module

Request for quotation (RFQ) integration to Vue Storefront

Installation

git clone [email protected]:Interactivated/vsf-wholesale-request.git vue-storefront/src/modules/wholesale-request
    "wholesale": {
        "endpoint": "https://localhost:8080/api/ext/wholesale"
        },
    
    "extensions": {
        ...
        "wholesale": {
        "transport": {
        "from": "[email protected]",
        "to": "[email protected]",
        "host": "email-smtp.eu-west-1.amazonaws.com",
        "port": 465,
        "secure": true,
        "user": "",
        "pass": ""
        }
        }
        },
    

Module registeration

Go to storefront/src/modules/index.ts

        import { WholesaleRequest } from './wholesale-request';
        export const registerModules: VueStorefrontModule[] = [
          ...,
          WholesaleRequest
        ]
    

Integration to theme

Open your storefront/src/themes/default/pages/Product.vue

        <template>
        <wholesale-request />
        <div class="row m0 add-to-buttons">
        <button @click="showWholesaleModal" class="bg-cl-mine-shaft button-full fs-medium fs-medium sans-serif py20 px10 brdr-none mt15 cl-white">Request an offer for large quantities</button>
        </div>
        </template>
        <script>
        ...
        import WholesaleRequest from '@interactivated/wholesale-request/components/Request.vue'
        exportdefault {
          components: {
            ...,
            WholesaleRequest
          },
          mixins: [... WholesaleRequest],
          ...
        }
        </script>
    
Contacteer ons
Snel contact met een van onze specialisten
THE NETHERLANDS (HQ)
Herestraat 106, 9711LM,
Groningen (Netherlands)
+31 (0)50 711 9940
VAT: NL 852998521B01
Chamber of Commerce: 58348646
UKRAINE
Kostomarivs'ka 13
61002, Kharkiv
SPAIN
Calle Jabea 18, 29631,
Benalmádena Costa (Malaga)

* Vereiste velden