Skip to content

Overview

Customization

Upon opening the editor, you should find yourself on the Home page. The term "Page" in Shopify refers to the individual routes that cause a refresh in the browser when loading — the Home page, Product page, Collection page, or Collections List, et al. For more information about the Home page, see Home page...


Layout

Templates

Templates are sometimes called "pages" or "layouts" in Shopify. A template is a component that goes into the layout for each page that defines the structure of the user interface.

[image]

Sections

Sections are where you make edits to your theme on the page level. Inside of each page, you will find a list of sections on the left side of the Editor. Some sections are included into the default template and show up on all page that utilize that template. See Global Sections below.

The Home page supports Dynamic Sections, while every other page (such as the Product page) support Static Sections that are not rearrangeable in the Editor.

Advanced: If you would like to rearrange the order of Static Sections, you may do so by changing the order in which the sections render inside of the `[template].liquid` file. If you have any questions, or if you need some help, please schedule a consultation to learn more.

[image]

Blocks

Blocks are individual components that may be added to or removed from a Section. Navigate to the Product page, and click on "Product pages". From here, you should see a group of settings labelled "Content" – these are the content blocks. These content blocks may be added, deleted, or rearranged as you wish.

[image]

Global Sections

The header is a type of section that is found in most layouts. It contains the announcement bar, the navbar, and the navbar collapse menu.

Currency Converter

In order to set up the Currency Converter, first enable more than one currency on your Shop; then, in your Shopify Admin, set the currency symbol in your your Currency Format Settings to the default currency symbol. For more information on selling in multiple currencies, consult the Shopify user manual . For more information on the scope of i18n on Shopify, see the section on Selling in multiple languages .

The footer is a type of section that is found in most layouts. It contains Content Blocks arranged in a grid, the Footer Navigation menu, any links that you want to provide to your users for community-building such as Social Media links, and an array of payment icons for your store.

Chat Widget

The global Chat widget section is included in the default template. The chat widget is enabled by default.

Note: The chat widget does not open up a chat popup or iframe.

The global Cookie Consent form is also included in the default template. You may find the settings for the Cookie Consent form inside of your editor on the Home page.


Bootstrap v4.5.2

Many of Conversio's features and components are derived from Bootstrap. For more information, visit the Bootstrap docs


Icons

Conversio comes with a feature that allows you to edit the icons in most cases. The icons that are editable require a className value from the FontAwesome Icon Gallery. Some icons are free and others are paid. If you would like to upgrade your FontAwesome plan to include more icons, please schedule a consultation.

Icons that represent brands use a special tag that only works with brands, so if you need an icon for a brand in place of an icon that is not for a brand, use fab instead of fa.

Class types:

fa Default
fas Solid Icons
far Regular Icons
fab Brand Icons

Inside the editor, you will find inputs for your icons' Unicode values. Copy the value for your icon from the Cheat Sheet and paste it into the input field.


SVGs

Get free icons by going Here