Vue shopping cart component for Shopify
To get started clone the repository.
git clone https://github.com/alexcasche/shopify-mini-cart.git
Run zip command and create new theme in Shopify from theme.zip.
yarn run zip
Add a config.yml file with your theme settings.
development:
password: [DEV_PASSWORD]
theme_id: [DEV_THEME]
store: [DEV_SHOP]
ignore_files:
- settings_data.json
Run start command and local changes will be pushed.
yarn start
If your Shopify theme is up to date with you local project, run the watch command instead of start.
yarn watch
All Vue files will live under the src/vue directory. Vue comopnents can be mounted anywhere in shopify and can be passed external props from liquid.
<vue-custom-element prop="{{ liquid_var }}"></vue-custom-element>
The browserUpdate.js file is used to trigger BrowserSync reloads. It should not be edited.
This repo utilizes the awesome library vue-custom-element.