https://github.com/flannelware/torch-cellars
https://github.com/flannelware/torch-cellars
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/flannelware/torch-cellars
- Owner: flannelware
- Created: 2020-03-30T05:09:35.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2020-06-18T17:47:02.000Z (over 5 years ago)
- Last Synced: 2024-07-06T03:44:17.399Z (over 1 year ago)
- Language: CSS
- Size: 32.3 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-cloudinary - flannelware/torch-cellars
README
# Torch Cellars
We created a very nice looking website for [Torch Cellars](www.torchcellsars.com) that serves as their business card, their wine portfolio, and their eCommerce website hosted on SquareSpace.com for the frontend and VinoShippers.com for eCommerce. While this was a quick project, we ran into some interesting problems getting SquareSpace and VinoShippers to play nicely together. Below, we will document some of the snags we hit and how we overcame them.
## VinoShippers Documentation
Vinoshippers have some very decent documentation regarding how best to implement the cart and checkout logic on multiple platforms including SquareSpace.com. [See here](https://vinoshipper.com/w/apps/help/integration).
### Overriding VinoShippers Styling
#### Code Injection in SquareSpace
- Go to *Settings* > *Advanced* > *Code Injection*
- From here you can add your styling overrides. For us, they looked like the following.
- In the **Header** section we used the following.
```
#vs-winelist > div,
#vs-wineclub-signup > div {
min-height: 1000px !important;
}
#vs-winelist > div:not(:first-child),
#vs-wineclub-signup > div:not(:first-child) {
display: none !important;
}
```
- In the Footer section we used the following.
```
var vsDisableResize = false;
var vsCssUrl = "<link to your css file>";
var vsWineryId = <VinoShipper winery id>;
```
#### Hosting Our Own Styles
We leveraged Cloudinary to host our CSS override file for VinoShippers, but we have plans to migrate to an S3 bucket. Our override file looks like [this](torch-vinoshipper-overrides.css).
## Future Plans
At some point, I'd like to document all of VinoShipper's endpoints in Postman and begin to write an Angular 9 component to make this process easier for companies that want more customization to their integration.
### Postman Collection for VinoShippers
*In Progress!*