Answers.Body: <p>I'll be the first to admit, I know nothing about snipcart so my answer could be way off.</p>
  <p>Since your site works without snipcart, that means you are here:</p>
  <blockquote>
  <p>Once the installation is completed, simply login into the Craft admin and go to Settings. You will have to create the fields that will be required to define a Snipcart product. In the settings, click on Fields and create 2 new fields:</p>
  </blockquote>
  <p>Once you have those fields created, you will need to create a new section - which is a <strong>Channel</strong></p>
  <blockquote>
  <p>Name: Store</p>
  <p>Handle: store</p>
  <p>Section Type: Channel</p>
  <p>Uncheck Entries in this section have their own URLs</p>
  </blockquote>
  <p>Once you have that done, and the entry fields created/updated as they suggest, I think where you went wrong is with the actual <code>layout.html</code> file.</p>
  <blockquote>
  <p>You need to include Snipcart’s JavaScript file and jQuery if it is not already included. Use the default CSS theme that you need to include as well.</p>
  </blockquote>
  <p>What that is telling me is to open <code>layout.html</code> that I downloaded with snipcart and copy/paste all of the appropriate javascript into this file:</p>
  <pre><code>/path-to-your-project/craft/templates/_layout.html
  </code></pre>
  <p>That's the default layout template that Craft uses. So by pasting all of the necessary javascript &amp; css into that file, each entry will have access to it.</p>
  <p>Hope this helps!</p>
  
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2015-12-15T21:35:23.557Z
Answers.LastActivityDate: 2015-12-15T21:35:23.557Z
Answers.LastEditDate: 2020-06-17T08:56:27.903Z
Answers.UserDisplayName: Damon
Body: <p>I'm trying to follow <a href="https://snipcart.com/blog/integrating-snipcart-with-craft-cms-a-child-s-play" rel="nofollow noreferrer">this tutorial</a>, but I'm stuck. I create the <code>layout.html</code> file and the <code>index.html</code> and it's still not working. Any ideas?</p>
  
  <p><a href="https://i.sstatic.net/Gqxwd.png" rel="nofollow noreferrer"><img src="https://i.sstatic.net/Gqxwd.png" alt="enter image description here"></a></p>
  
  <p><a href="https://i.sstatic.net/Bct8S.png" rel="nofollow noreferrer"><img src="https://i.sstatic.net/Bct8S.png" alt="enter image description here"></a></p>
  
  <p><a href="https://i.sstatic.net/kvwyz.png" rel="nofollow noreferrer"><img src="https://i.sstatic.net/kvwyz.png" alt="enter image description here"></a></p>
  
Comments.ContentLicense: CC BY-SA 3.0
Comments.CreationDate: 2015-12-15T20:48:14.463Z
Comments.Text: What happens before you started working with snipcart?
  For example, what happens when you visit `localhost:8080/Elementhal.dev/`
Comments.UserDisplayName: Damon
Tags: <install>
Title: Help with integrating Snipcart
ThreadText: # Help with integrating Snipcart
  
  (Asked by: username_0 on 2015-12-15)
  
  I'm trying to follow [this tutorial](https://snipcart.com/blog/integrating-snipcart-with-craft-cms-a-child-s-play), but I'm stuck. I create the `layout.html` file and the `index.html` and it's still not working. Any ideas?
  
  [![enter image description here](https://i.sstatic.net/Gqxwd.png)](https://i.sstatic.net/Gqxwd.png)
  
  [![enter image description here](https://i.sstatic.net/Bct8S.png)](https://i.sstatic.net/Bct8S.png)
  
  [![enter image description here](https://i.sstatic.net/kvwyz.png)](https://i.sstatic.net/kvwyz.png)
  
  **Tags:** install
  
  > **Comments:**
  > **username_1**: What happens before you started working with snipcart? For example, what happens when you visit `localhost:8080/Elementhal.dev/`  
  
  ---
  
  ## 1 answers
  
  ### Answer by username_1 on 2015-12-15. Score: 1
  
  I'll be the first to admit, I know nothing about snipcart so my answer could be way off.
  
  Since your site works without snipcart, that means you are here:
  
  > Once the installation is completed, simply login into the Craft admin and go to Settings. You will have to create the fields that will be required to define a Snipcart product. In the settings, click on Fields and create 2 new fields:
  
  Once you have those fields created, you will need to create a new section - which is a **Channel**
  
  > Name: Store
  >
  > Handle: store
  >
  > Section Type: Channel
  >
  > Uncheck Entries in this section have their own URLs
  
  Once you have that done, and the entry fields created/updated as they suggest, I think where you went wrong is with the actual `layout.html` file.
  
  > You need to include Snipcart’s JavaScript file and jQuery if it is not already included. Use the default CSS theme that you need to include as well.
  
  What that is telling me is to open `layout.html` that I downloaded with snipcart and copy/paste all of the appropriate javascript into this file:
  
  ```
  /path-to-your-project/craft/templates/_layout.html
  
  ```
  
  That's the default layout template that Craft uses. So by pasting all of the necessary javascript & css into that file, each entry will have access to it.
  
  Hope this helps!
  
  
  ---
  
  