Designing for ecommerce is fun again

Make your online store look the way you want it to.

Feature Macdesign

No limits

Shopify gives you 100% control over the HTML & CSS for your storefront. Shopify uses a templating language called Liquid that helps you transform your mock-up into a dynamic e-commerce store as quickly as possible.

Free Themes

Shopify comes with many free themes, so you can get a great-looking online store up and running without having to hire a designer.

Designing from scratch

You can also create a Shopify theme from scratch. We have extensive documentation and forums where you can ask questions and get help. Here is a quick example of how Liquid works:

Feature Liquidexample

First we make an HTML list 

<ul id="blogs">
  <li></li>
</ul>

Now we need to tell Shopify to get all the articles (blog posts) within our blog

<ul id="blogs">
  {% for article in blogs.frontpage.articles limit: 3 %}
  <li></li>
  {% endfor %}
</ul>

In English this says: “For every article in the blog named frontpage grab its articles, but only the first 3”

Now we have to tell Shopify how to format those articles:

<ul id="blogs">
  {% for article in blogs.frontpage.articles limit: 3 %}
  <li><a href="{{ article.url }}">{{ article.title }}</a></li>
  {% endfor %}
</ul>

Here we are just using certain properties of the article: article.url grabs the article’s url and article.title grabs the article title. The image to the right is what is generated.

Documentation

Bookwithbookmark 48Take a look at Shopify's wiki for a helping hand in creating your very first Shopify theme.

Vision

Vision48Vision is a downloadable tool which assists you in designing your online store in a localized environment before it goes live.

Beautiful Designs

Brush48Shopify is used by some of the most talented designers, because it is so straightforward and fun to design for.

Need a web designer?

These experienced designers have contributed a Shopify theme. More designers can be found on our wiki.

Sign Up