Guides — theme mods

How to add line breaks in Shopify custom sections and settings on a per viewport basis

Posted by Cameron Shaw on

How to add line breaks in Shopify custom sections and settings on a per viewport basis

When building custom theme sections, one of the main advantages is that you and your team can go in and modify site content directly, without the need for a developer or any code changes. (this has always been true for basic pages, using the rich text editor (“RTE” or “WYSIWYG editor”), but the sections feature expanded this capability to include custom content types in custom layouts. There are two types available for text fields: the plaintext, and aptly named, “text”, and a lightweight RTE field, called “richtext”.  The richtext field allows for italics, bold, and links. Additionally, the output is always wrapped...

Read more →

How to Make a link Open in a New tab

Posted by Cameron Shaw on

In this post, I'll give a fairly detailed tutorial and explanation for how to modify a Shopify theme section to modify a link to open in the same or a new tab. This is useful when you're linking offsite and the user will likely want to return. A standard use case for this would be a press page where you're linking to publications which have mentioned your ecommerce brand, and you're using a section (optionally with blocks) to link to the articles in question.  First things first, go into the Online Store menu from the Shopify Admin Dashboard, and the themes...

Read more →