Get Started: Difference between revisions

From Posstack.com Documentation
No edit summary
 
(201 intermediate revisions by 2 users not shown)
Line 1: Line 1:
This brief 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.  
Before you begin, make sure you create Products, Blog Posts, or Pages that you want to create a custom template.
Then follow the steps below to add your first custom template:


=== '''Adding your first template''' ===
We've assembled some links to get you started:  
'''Step 1''': Open your page (Product/Blog Post/Pages depending on which page you want to create a custom template)


'''Step 2''': On the Edit page, click on '''More actions''' > '''Create a template'''
==Quickstart Video Tutorials==
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].


'''Step 3''': Select a pre-built template suggested by the app (then you will be automatically redirected to the Theme Editor)
[[File:Ecb-video-tutorials.jpg|frameless|800x800px]]


'''Step 4''': Start adding and editing the app blocks as follows:  
{{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}}


||'''4.1.''' Define your section column layouts by adding/editing the Section Settings block.  
{{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}}


|| You can add many sections per page, each with its column layout. See multi-column layouts available for your use here.
==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]].


||'''4.2.''' Add new blocks to that section as you wish. See all pre-built sections and blocks available for your use here.
==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]]


'''Important Note''': Always keep the Section Settings at the bottom of each Content Block list.
==More Actions==
 
* [[Manage_Templates|Manage Templates]]
[[File:Reorder the Section settings block.png|1000x1000px]]
* [[Migration|Theme Migration]]
* [[Custom_CSS|Custom CSS]]

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