Developing Shopify themes with many different presentation pages that are design and content-heavy can be demanding if you plan to make award-winning design solutions that will also sell lots of products.

The website we created for WOLACO consisted of both e-commerce development as well as creative web development, so I’ll use this blog post to explain the main problems we encountered during the production phase and the solutions we found for them.

Technologies we used

For Shopify development, we chose to go with Shopify’s own start kit called Slate. Their front-end team did a great job in creating Slate, it has a great community and issues and pull requests are handled fast. It comes packed with Webpack, ES6 support with Babel and SASS. All that is connected with a Shopify store via a CLI which also runs the local development and deployment of a theme.

  • For Shopify development, we chose to go with Shopify’s own start kit called Slate.
  • For Shopify development, we chose to go with Shopify’s own start kit called Slate.
  • For Shopify development, we chose to go with Shopify’s own start kit called Slate.
  • For Shopify development, we chose to go with Shopify’s own start kit called Slate.

Explained: How to secure payments processing and choose the best payment system

Making things easy for Store owners

WOLACO store is both an e-commerce store and an area to showcase great creative content, so there are many different types of pages and templates, and some of them are really design and content-heavy. Shopify offers one of the best content management and customization experiences – that’s why we focused on making every part of the store customizable during our development phase. We achieved that by organising the theme with sections which also enabled the theme to be modular.

For sections, Shopify has a section schema settings JSON where you can define how much control over the section content will the section owner have in the Theme Editor.

Shopify CMS interface

Sections can also have advanced blocks of settings which give the owner the ability to create blocks of content that can also be different in regards to their type. This is useful for pages like the FAQ or for adding and removing slides from all kinds of sliders.

We used that idea to create an advanced About page template in which the owner can create different types of content sections, with different images showcase. We also enabled the owner to drag and drop them to change their order and create a specific kind of a dynamic section. The About us page has a unique design that’s different from other templates and the owner can change the page as he wants by choosing different modular blocks of sections.