https://github.com/i7eo/vue-shopify-component
结合业务学习 Shopify C 端商品选择器/地址选择器代码，使用 Vue2.x 重写
https://github.com/i7eo/vue-shopify-component
address-select shopify shopify-partners sku
Last synced: 3 months ago
JSON representation
结合业务学习 Shopify C 端商品选择器/地址选择器代码，使用 Vue2.x 重写
- Host: GitHub
- URL: https://github.com/i7eo/vue-shopify-component
- Owner: i7eo
- Created: 2021-02-19T03:50:17.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2022-04-18T15:50:33.000Z (about 3 years ago)
- Last Synced: 2025-03-14T20:55:46.703Z (3 months ago)
- Topics: address-select, shopify, shopify-partners, sku
- Language: JavaScript
- Homepage:
- Size: 52.7 KB
- Stars: 1
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ShopifyPartials
## :large_blue_circle: Internationalization
English | [中文文档](README_zh.md)
## :information_source: Introductions
Learn and rewrite parts of Shopify code based on my own business logic
### The original
1. Shopify is powerful, but most of the themes are currently written in JQ, and some of the themes using React/Vue /ng are also compiled code that is hard to understand.
2. Combined with its own business scenarios, this paper mainly rewrites Shopify product detail page multi-attribute combination switch and Shopify address select.
### Technology
zepto & vue2.6
### Shopify Address Component
Shopify address page, country data from Shopify
tips：
1. With the country switch as the entry point, refresh the overall UI. The UI layout needs to be defined in advance, as described in the `ADDRESS_FORMAT` in `/checkout/checkout-countries.new.js`
2. The float animation for the Label of the form item needs to be added `transform: translateY(2px);`
### Shopify Product Options Select Component
This component is inspired by [sku multi-dimensional attribute state judgment algorithm](https://keelii.com/2016/12/22/sku-multi-dimensional-attributes-state-algorithm/) It is recommended to master all the Knowledge points, otherwise reading the code will be more difficult
## :stuck_out_tongue_winking_eye: Authors
[i7eo](https://i7eo.com/about/)
## :copyright: License
[License MIT](LICENSE)