- Details
- Written by Super User
- Category: Frontpage
- Hits: 6712
From Snipcart.com's site:
"Simply add Snipcart’s HTML markup to any link/HREF to make it buyable. The markup allows you to define your product’s properties, including the price, the weight, the product name, the product page and anything you can think of! Once you’ve added this markup, you’re already halfway through."
Tutorial on How to Setup
1. First you will need to signup for an account on snipcart.com.2. Once you signup you'll need to grab your API key for your account under the "Account > Credentials" area and add to the backend area of S5 Snipcart and published the module to a position on your site you desire the cart to show up in. You can also configure the cart icon and if it popups or not on item add.
4. Back on the snipcart.com website you'll also need to enter in your domain name under "Settings > General". Note that snipcart doesn't work on localhost, you will need to test and configure on a live domain. The reason being for snipcart security that checks your website on submission to be sure nothing was changed, like price, etc during add to cart process.
3. Now you are all setup and connected. The next part is where you'll need to add items to your site.
Admin Area Screenshot:
- Details
- Written by Super User
- Category: Frontpage
- Hits: 16016
- Details
- Written by Super User
- Category: Frontpage
- Hits: 3986
You can place the below code on any DIV directly as a child to <div id="s5_body_padding"> and it will make it show up full screen.
class="s5_slidesection"
The below screenshot shows the admin area under the "layout" area of Vertex. You simply start adding names for the row names and then it will be enabled. Be sure to separate them by commas. You can enable the full page scroll to just show on the homepage only.
Fullscreen scroll navigation that shows on the right hand side of yoursite:
