STORENVY

STORENVY

Building a Custom Theme

What are the HTML/Liquid elements I need to know?

Individual Collection collection.id (The database id of the collection - e.g. 392893) collection.name (The name of the collection - e.g. Awesome T-shirts) collection.permalink (The url-friendly name of the co...

Read Article

How do I use Liquid Code?

So you have decided to take the reigns and completely redesign your store from the ground up! We highly recommend having a strong understanding of HTML / CSS and Liquid before you start customizing your storefr...

Read Article

How do I add settings to the Store Owner UI?

If you are designing a theme to offer for sale to other people, or if you like to change up your store frequently, you might like to add some options to the Design UI to allow them to be changed through the int...

Read Article

How can I display a link to all products?

'All Products' is no longer a collection in stores created after July 22nd 2013 or stores who manually upgraded to the Cooper theme so the liquid element 'collections.all' no longer includes the 'All Products' ...

Read Article

What is my 'Layout' file for?

The 'Layout' file is different to all the other HTML pages in your store as it serves a slightly different purpose. Firstly, the 'Layout' file includes the <head></head> section. Without boring you...

Read Article

How can I link to my Custom Pages from my store?

If you edited the Cooper Theme before Custom Pages were added but kept it mostly the same: Find this part in your Layout HTML file. <ul id="buttons"> <li><a href="{{ pages.contact.url }}" cla...

Read Article

How can I add a Search box to my custom store?

If you're using the default theme, this will be added automatically for you. If you have customized your theme in any tiny way (including integrating with certain 3rd party services), or are using the pre-Coope...

Read Article

How can I add Pagination to my custom HTML?

If you are using the default theme this will be automatically added for you. If you're using any custom code, though, you'll need to manually update. Add this bit of code to your 'Collections' page and (if app...

Read Article

I broke my store, how can I get back to working HTML?

Uh oh! Don't worry we've got you covered and you have a few options: If you've decided that writing your own HTML and Liquid is just too complicated, you can easily revert to using the default theme. Go to you...

Read Article