Get Started: Difference between revisions

From Posstack.com Documentation
mNo edit summary
 
(179 intermediate revisions by 2 users not shown)
Line 1: Line 1:
This tutorial will guide you through 4-easy-steps to build your first custom template using the Easy Content Builder app.
Easy Content Builder provides you with sections and templates (including metaobject templates) that can be added directly to your existing Shopify themes.  


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 to customize your theme. 
We've assembled some links to get you started:  
Before you begin, make sure you add Products, Blog Posts, or Pages depending on which page type you want to create a custom template. Learn how to [[Create Page Templates|add a page]], [[Create Product Templates|a product]], and [[Create Blog Post Templates|a blog post]] on Shopify.
Then follow the steps below to add your first custom template:
=== '''Adding your first template''' ===
'''Step 1''': In your Shopify admin, select your Product/Blog Post/Page (depending on which page you want to create a custom template)


'''Step 2''': On the Product/Blog Post/Page, click on '''More actions''' > '''Create a template'''
==Quickstart Video Tutorials==
::Depending on your specific page type, you will see the link label ''Create Template for this product'', ''Create Template for this page'', or ''Create Template for this article''.
Check out the easy-to-follow video tutorials to learn how to use the sections in Posstack Easy Content Builder, available [https://youtube.com/playlist?list=PLZdliUBbfeeGpJ6_zH4FDyF9QvYv1Pz-2&si=uRzrFdzbmuKowSC7 here].
::[[File:Create product template.jpg|1000x1000px]]
'''Step 3''': Select a pre-built template suggested by the app (then you will be automatically redirected to the Theme Editor)
:: [[File:Create template for single product.jpg|1200x1200px]]
'''Step 4''': Start adding and editing the app blocks as follows:


::'''4.1.''' Define your section column layouts:
[[File:Ecb-video-tutorials.jpg|frameless|800x800px]]


:: With Easy Content Builder, you define the layout on an individual section level. This is done by adding/editing the Sections Setting block. Learn how to [[Section Settings|add a Sections Setting]] block.
{{Note|'''Tips''': Explore the [https://easy-content-builder-demo.myshopify.com/pages/section-variations All Section Library] to understand how you can use the Easy Content Builder to design a unique custom section. |reminder}}


::You can add many sections per page, each section with its column layout (See [https://easy-content-builder-demo.myshopify.com/pages/section-variations multi-column layouts examples]).
{{Note|'''New to the Shopify section?''': Learn [https://posstack.com/resources/shopify-section why Shopify uses sections as a primary way] to create your page layout. |inline}}


::'''4.2.''' Add new blocks to that section as you wish (See [https://easy-content-builder-demo.myshopify.com/pages/multi-column-layouts pre-built sections examples]). Learn how to [[Add Blocks|add app blocks]].  
==Add Your First Template==
Depending on the pages you wish to customize, select one of the specific guides below:
* [[Create_Template_Apply_to_Multiple_Pages|Create a template for multiple pages]]
* [[Create_Template_Apply_to_One_Page|Create a unique template]]
* [[Customize_standard_pages|Customize homepage, collection page]]
* [[Add_section_settings|Add sections & common configurations]].


::'''Important Note''': Always keep the Section Settings at the bottom of each Content Block list.
==Jump in Deeper==
* [[Multi_column_layout_examples|Create multi-column layouts]]
* [[Add_section_settings#Edit_Section_Settings|Customize your templates]]
* [[Metaobject intro|Create metaobjects templates]]


::[[File:Reorder the Section settings block.png|1000x1000px]]
==More Actions==
 
* [[Manage_Templates|Manage Templates]]
=== '''Next steps''' ===
* [[Migration|Theme Migration]]
 
* [[Custom_CSS|Custom CSS]]
* Add your first section: [[Section Settings|follow these steps]].
* Add your first block: [[Add Blocks|follow these steps]].
 
=== '''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 [[Prebuilt Templates|Pre-built ECB Templates]].
* Browse the [https://easy-content-builder-demo.myshopify.com pre-built template collection] (Product pages, Blog posts, and Other pages).

Latest revision as of 07:36, 8 November 2024

Easy Content Builder provides you with sections and templates (including metaobject templates) that can be added directly to your existing Shopify themes.

We've assembled some links to get you started:

Quickstart Video Tutorials

Check out the easy-to-follow video tutorials to learn how to use the sections in Posstack Easy Content Builder, available here.

Ecb-video-tutorials.jpg

Tips: Explore the All Section Library to understand how you can use the Easy Content Builder to design a unique custom section.
New to the Shopify section?: Learn why Shopify uses sections as a primary way to create your page layout.

Add Your First Template

Depending on the pages you wish to customize, select one of the specific guides below:

Jump in Deeper

More Actions

Retrieved from "https://docs.posstack.com/index.php?title=Get_Started&oldid=2826"