|
15
Dec |
|
Daniel |
A new Shopify Theme made by Shopify: we are happy to present to you Onyx.
Onyx is now available for free via the Theme Gallery. For the first time a Shopify Default Theme makes use of Shopify’s SVG Engine to auto-generate gradient background images that have any colour you’d like to see with your theme. No need to open up Photoshop and tediously create matching images. Onyx also comes with:
Onyx comes in four different flavours by utilizing Shopify’s new preset feature and it is easy to add your own. All of its presets are created by just making changes to the theme settings and without adding or editing any HTML or CSS. Below are some screenshots of Onyx’ presets. |
|
26
Aug |
|
James |
Among all the people who use Shopify, there is a huge spectrum of background knowledge and expectations. Some sign up because they want to start selling something right away. Shopify is great for them because they can choose one of our beautiful themes and get going without any hassle. Others are web designers who need to create the perfect theme to showcase their clients’ unique products. Shopify is great for them too because it gives them complete control over a theme’s code. But what about people who just want to change some colors or add a custom logo to the site, but don’t know HTML or CSS? What if you’re a designer creating that perfect theme, but you want your client to be able to make some predictable changes in the future? This has been an issue with Shopify for a while, and we’re pleased today to announce new features which will empower both shop owners and designers in some really exciting ways. The theme settings form
We have been thinking about the problem of theme customization for a long time, and we’ve looked at a lot of other products to see how they’ve tackled it. Eventually we realized that the best way forward was to let theme authors use their existing HTML and Liquid knowledge to make their themes as customizable as they wish, in the way that makes the most sense for that particular theme. A designer can now include a file called settings.html in a theme. The HTML in this file contains form inputs (text fields, drop-down menus, checkboxes, and so forth) which are wrapped up in a form and shown at the top of the theme editor screen. Shopify juggles the HTML a bit before showing it to the user, and this makes it easy for dynamic controls like color pickers to be included by the theme author with nothing more than the addition of a CSS class on a text field. The names given by the theme author to each form input correspond directly to properties on the new There’s a lot of potential here beyond what we’ve already done with the standard themes, and we can’t wait to see what the Shopify design community comes up with. Liquid assetsPeople have wanted this one for a while, and it’s finally here: now you can generate your CSS files using Liquid. Just put a The generated file is only updated when either its source Not only does this dovetail nicely with the new settings forms, it also provides theme authors with an easy and powerful way to write CSS that doesn’t become a headache to maintain. Snippets
Another new feature which goes well with theme customization is snippets. Snippets are like mini-templates which can be included at any point within another template, or even another snippet. They live in their own folder within the theme and can be managed straight from the theme editor. Snippets are great for keeping a theme’s code organized, especially when you want the user to be able to change whole chunks of a page through the theme settings form. As an example, a theme author might create a number of snippets to go in the shop’s sidebar, such as a product collection or blog feed, an “about us” blurb, and a notification of seasonal sale prices. They could then be easily swapped in and out with a few drop-down menus in the settings form. Alternate layoutsOne layout not flexible enough for you? Now you can create alternate layouts in the theme editor which can be associated with different templates by using the layout tag within that template. If your multiple layouts have a lot in common, you can use snippets to keep from repeating yourself. Alternate templates
Sometimes one of your products or collections is just so exceptional that it deserves a style all its own. Or maybe your blogs and pages communicate such diverse messages that each should have its own look and feel. This kind of thing used to be a hassle for theme designers, but now it’s easy because you can create alternate versions of your templates to be used in specific circumstances. Just as with alternate layouts, you can create these template variants from the theme editor. And when editing a product, collection, blog, or page, you’ll find a drop-down menu in the sidebar to select which template it will use. One more thing…Being able to generate stylesheets from Liquid is a huge win, but CSS files aren’t the only theme assets you can generate with Liquid. Check this out: I think you’ll agree that with these improvements to Shopify’s theme system, web designers have an incredibly powerful creative platform at their disposal. More information on how to use these new tools can be found on our wiki: |
|
06
May |
|
Daniel |
Steph Seguin from Reconfigure contributed another great theme to Shopify.
Reconfigured uses a nifty gallery to show featured products on the frontpage and amazes by a clean design. It is optimized for products with vertical product images. The theme comes with the recently introduced new templates Visit the demo store Reconfigured is free for all Shopify customers and can be applied via your theme gallery now. |
|
23
Apr |
|
Dimitri |
Theme Forest is hosting a great gallery of Shopify themes. You can check out the themes and purchase them here! Once you have a theme, you simply upload it through your Shopify admin panel. Editing and applying it is simple, so you can get your new theme up and running very quickly. But what if you’re a designer and want to try your hand at making a Shopify theme, yourself? Well, our own Jesse wrote an excellent tutorial for NetTuts.com, explaining exactly how to make a theme, from start to end. You can see the tutorial and leave a comment here. |
|
04
Mar |
|
Daniel |
The CSSRockstars team made Tribble, a new fabulous Shopify theme.
The theme has great attention to detail, making use of the recently added new liquid templates to Shopify such as
and
Tribble is now available via Shopify’s theme gallery. |
|
04
Nov |
|
Daniel |
Marceline Smith from asking for trouble made this beautiful theme for Shopify and now you can use it, too!
Head over to the themes gallery in your Shopify admin if you want to prettify your store. |
|
12
Jun |
|
Daniel |
Jared Burns of Pixallent has created a beautiful new Shopify theme called Moderno.
We love Moderno because it is clean while at the same time it takes a new approach to the shopping cart theme. The result is a sophisticated look with a resemblance to a high end fashion magazine. Just like the Vogue theme Moderno comes with several color schemes to suite your taste. Moderno is free for all Shopify customers and can be applied via your theme gallery now. |
|
04
Apr |
|
Daniel |
|
|
27
Feb |
|
Daniel |
The latest addition to the collection of Shopify themes is called Showroom and comes straight to you from the jaded Pixel labs. It is now available to all Shopify users. It has never been easier or faster to have your own online store that features the latest in web technology like AJAX. You read right: users can add products to their cart without any page reloading whatsoever. The customer can proceed directly to the checkout with a single click – bypassing the cart screen entirely. Showtime also introduces collection descriptions which allow you to display text & images related to an entire collection. We set up a demonstration store called Fashionable Hats so that you can see Showroom live in action. |
|
24
Dec |
|
Tobi |
|
|
07
Aug |
|
Scott |
Phu Ly, the London based designer who runs the ifelse blog, is the creator of Shopify’s newest theme design called Summersteps. Summersteps has a very clean design that is now available in the “look and feel” section of Shopify. Summersteps is the first of several new themes which we will be introducing in the coming months. Stay tuned for more… |


1








