https://github.com/Interactivated/vsf-wholesale-request

:airplane: Request for quotation (RFQ) integration to Vue Storefront
https://github.com/Interactivated/vsf-wholesale-request

Last synced: 3 months ago
JSON representation

:airplane: Request for quotation (RFQ) integration to Vue Storefront

• Host: GitHub
• URL: https://github.com/Interactivated/vsf-wholesale-request
• Owner: Interactivated
• Created: 2019-04-07T19:11:27.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2019-04-08T17:58:45.000Z (over 5 years ago)
• Last Synced: 2024-05-22T17:34:04.771Z (6 months ago)
• Language: Vue
• Homepage:
• Size: 97.7 KB
• Stars: 8
• Watchers: 3
• Forks: 4
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-vuestorefront - Request for quotation (RFQ) integration

README

        
# Wholesale Request module

Request for quotation (RFQ) integration to Vue Storefront

![Demo](docs/demo.png)

![Demo Button](docs/demo-button.png)

# Installation

```shell

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`

```js

...

import { WholesaleRequest } from './wholesale-request';

export const registerModules: VueStorefrontModule[] = [

  ...,

  WholesaleRequest

]

```

# Integration to theme

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

```js



  Request an offer for large quantities



...

import WholesaleRequest from '@interactivated/wholesale-request/components/Request.vue'

export default {

  components: {

    ...,

    WholesaleRequest

  },

  mixins: [... WholesaleRequest],

  ...

}

```