Get Started: Difference between revisions
mNo edit summary |
mNo edit summary |
||
Line 4: | Line 4: | ||
Templates can be assigned to a product/blog post/page or a product/blog/page group. | Templates can be assigned to a product/blog post/page or a product/blog/page group. | ||
=== Adding your first template === | === Adding your first template === | ||
Line 16: | Line 11: | ||
===== Template for Single page ===== | ===== Template for Single page ===== | ||
Create a new template - assigned to a single page: [[Create Template For Single Page|Read setup guide]]. | Create a new template - assigned to a single page: [[Create Template For Single Page|Read setup guide]]. | ||
'''Quickstart:''' | |||
Watch this overview video to learn how to build a new template and assign it to an individual page using Easy Content Builder. | |||
<youtube width="960" height="540">ze_UE0uVto4</youtube> | |||
===== Template for Multiple pages ===== | ===== Template for Multiple pages ===== |
Revision as of 04:22, 19 September 2023
This tutorial will guide you through 4-easy-steps to build your first custom template using the Easy Content Builder app.
Templates are a collection of sections that are pre-built by Easy Content Builder. Once you add a template to your theme, you can add, edit, reorder, or remove any section within that template to customize your theme.
Templates can be assigned to a product/blog post/page or a product/blog/page group.
Adding your first template
Select the option that best fits your goal:
Template for Single page
Create a new template - assigned to a single page: Read setup guide.
Quickstart: Watch this overview video to learn how to build a new template and assign it to an individual page using Easy Content Builder.
Template for Multiple pages
Create a new template - assigned to multiple pages at once: Read setup guide.
Template for Standard pages
Customize your standard pages (Homepage, Collection, etc.): Read setup guide.
Preview your custom template
Steps to preview your products, blog posts or pages with the new custom template:
- From your Shopify admin, click Online Store > Themes.
- Find the theme that you want to edit, and then click Customize.
- Open the dropdown menu at the top of the page.
- Use the dropdown menu to select a template.
- In the sidebar, click Change.
- Select the product or page you want to preview with the selected template.
Next steps
- Manage your templates: follow these steps.
- Edit your template: follow these steps.
- Learn how to set up multi-column layouts:
- 1-col boxed layout
- 1-col with Background Image
- 2-col with Flexible Col Width
- 2-col with Blank Sections
- Hierarchical Grids (6 layout options)
- We suggest you install the Theme Section Kit to customize your Shopify theme faster. This template contains prebuilt sections (Free and Pro versions) that you can edit, reorder, or hide through your Theme Editor. Preview the Theme Section Kit here.
- Learn how to customize your Shopify themes with Custom CSS using Easy Content Builder: 5-min video tutorial.
Jump in a little deeper
If you would rather want to learn more about the fundamentals of the Easy Content Builder app:
- Read to understand Clean Template and Pre-built ECB Templates.
- Learn how to create and assign a template for a group of products, blog posts, or pages.
Use cases
Browse the pre-built template collections - Product pages, Landing pages, Brand pages, etc. - for inspiration.
- Grid & Layouts:
- How to create multi-column layouts: view details
- Hero Banners examples: view demo
- How to create a Hero banner: view details