When you install the Materia Themes, you get access to many page templates (like Contact, Wishlist, FAQs, About Us etc.), but the pages themselves are not automatically created.
You’ll need to manually create each page inside your Shopify admin and assign the correct template. Don’t worry — it’s quick and easy!
1. How to Create a New Page
Follow these steps to create the required pages:
Step 1:
Login to your Shopify Admin → Go to Online Store → Pages
Step 2:
Click “Add Page”
Step 3:
Create the following pages one by one:
Contact
Wishlist
Terms & Conditions
Size Guide
Privacy Policy
FAQs
About Us
2. Assign the Correct Template
After creating a page, scroll down in the page editor to find the “Theme Template” dropdown.
Select the correct template based on the type of page you’re creating.
Here’s what to use:
📬 Contact Page
Title: Contact
Visibility: Visible
Template: contact
Title: Privacy Policy
Visibility: Visible
Template: policies
💖 Wishlist Page
Title: Wishlist
Visibility: Visible
Theme Template: wishlist
🧾 About Us Page
Title: About Us
Visibility: Visible
Theme Template: about-us
2. Size Chart Setup
<section class="size-guide py-4"><!-- Sizes Table --><header class="mb-4">
<h4 class="fs-18 fw-semibold mb-2">Sizes for this Product</h4>
<p class="mb-0 text-muted">This is an approximate conversion table to help you find your size. Measure around the fullest part, place the tape close under the arms and make sure the tape is flat across the back (Unit: centimeter).</p>
</header>
<div class="table-responsive mb-5">
<table class="table table-bordered text-center align-middle sizeguide_table" style="width: 100.916%; height: 302px;"><caption class="visually-hidden">Size conversion chart showing US size, bust, waist, and hip measurements in cm<br><br></caption>
<thead class="table-light">
<tr style="height: 19.5938px;">
<th class="fw-500 heading-color" style="width: 11.6887%; height: 19.5938px;">Size</th>
<th class="fw-500 heading-color" style="width: 8.34904%; height: 19.5938px;">US</th>
<th class="fw-500 heading-color" style="width: 19.2955%; height: 19.5938px;">Bust</th>
<th class="fw-500 heading-color" style="width: 30.7987%; height: 19.5938px;">Body Waist</th>
<th class="fw-500 heading-color" style="width: 28.5723%; height: 19.5938px;">Fullest Hip</th>
</tr>
</thead>
<tbody>
<tr style="height: 19.5938px;">
<td style="width: 11.6887%; height: 19.5938px;">XS</td>
<td style="width: 8.34904%; height: 19.5938px;">2</td>
<td style="width: 19.2955%; height: 19.5938px;">32</td>
<td style="width: 30.7987%; height: 19.5938px;">24 – 25</td>
<td style="width: 28.5723%; height: 19.5938px;">33 – 34</td>
</tr>
<tr style="height: 19.5938px;">
<td style="width: 11.6887%; height: 19.5938px;">S</td>
<td style="width: 8.34904%; height: 19.5938px;">4</td>
<td style="width: 19.2955%; height: 19.5938px;">34 – 35</td>
<td style="width: 30.7987%; height: 19.5938px;">26 – 27</td>
<td style="width: 28.5723%; height: 19.5938px;">35 – 36</td>
</tr>
<tr style="height: 19.5938px;">
<td style="width: 11.6887%; height: 19.5938px;">M</td>
<td style="width: 8.34904%; height: 19.5938px;">6</td>
<td style="width: 19.2955%; height: 19.5938px;">36 – 37</td>
<td style="width: 30.7987%; height: 19.5938px;">28 – 29</td>
<td style="width: 28.5723%; height: 19.5938px;">37 – 38</td>
</tr>
<tr style="height: 19.5938px;">
<td style="width: 11.6887%; height: 19.5938px;">L</td>
<td style="width: 8.34904%; height: 19.5938px;">8</td>
<td style="width: 19.2955%; height: 19.5938px;">38 – 39</td>
<td style="width: 30.7987%; height: 19.5938px;">30 – 31</td>
<td style="width: 28.5723%; height: 19.5938px;">39 – 40</td>
</tr>
<tr style="height: 19.5938px;">
<td style="width: 11.6887%; height: 19.5938px;">XL</td>
<td style="width: 8.34904%; height: 19.5938px;">10</td>
<td style="width: 19.2955%; height: 19.5938px;">40 – 42</td>
<td style="width: 30.7987%; height: 19.5938px;">32 – 33</td>
<td style="width: 28.5723%; height: 19.5938px;">41 – 42</td>
</tr>
<tr style="height: 19.5938px;">
<td style="width: 11.6887%; height: 19.5938px;">XXL</td>
<td style="width: 8.34904%; height: 19.5938px;">12</td>
<td style="width: 19.2955%; height: 19.5938px;">40 – 41</td>
<td style="width: 30.7987%; height: 19.5938px;">34 – 35</td>
<td style="width: 28.5723%; height: 19.5938px;">43 – 44</td>
</tr>
</tbody>
</table>
<p> </p>
</div>
<!-- Measurement Instructions -->
<div class="row align-items-center">
<div class="col-md-7">
<h4 class="fs-18 fw-semibold mb-3">How to Measure</h4>
<div class="mb-3">
<h5 class="fs-16 fw-medium mb-1">1. Bust</h5>
<p class="mb-0">Measure at the fullest part of your chest, keeping the tape parallel to the floor.</p>
</div>
<div class="mb-3">
<h5 class="fs-16 fw-medium mb-1">2. Body Waist</h5>
<p class="mb-0">Measure at the smallest part of your waist. This is usually below the rib cage and above the hip bone.</p>
</div>
<div>
<h5 class="fs-16 fw-medium mb-1">3. Fullest Hip</h5>
<p class="mb-0">Measure at the fullest part of your seat, keeping the tape parallel to the floor.</p>
</div>
</div>
<div class="col-md-5"><picture> <source srcset="https://cdn.shopify.com/s/files/1/0665/6580/0183/files/size-g_1200x1200.jpg?v=1667383798" media="(min-width: 768px)"> <img class="img-fluid mb-3" alt="Illustration showing how to measure bust, waist, and hips" src="https://cdn.shopify.com/s/files/1/0665/6580/0183/files/size-g_600x600.jpg?v=1667383798"> </picture></div>
</div>
</section>
Or you can use your own unique sizechart code template
Paste the code inside the html , then click again on the little code icon to preview the chart
Finally we can link our size chart to appear on our product page
Want to Create Your Own Page Template?
If you want to design your own version of a page (for example, a custom FAQ layout), follow these steps:
Step 1:
Go to Online Store → Themes
Click “Customize” on the Glozin theme
Step 2:
In the top center, click the page type dropdown (it says "Home page" by default)
Step 3:
Select Pages → Create template
Step 4:
Give your template a name (e.g. custom-faq), and click “Create template based on: Default page”
Now you're in the theme editor and can add sections, remove blocks, and design it however you want.
Assign Your New Template to a Page
After creating your custom template:
Go back to Online Store → Pages
Edit the page you want
Scroll to Theme template, and choose your newly created template (e.g. custom-faq)
Save!
✅ Final Checklist
Once you've created your pages and assigned the correct templates:
Add them to your navigation menu (Online Store → Navigation)
Link to them from your footer, header, or product pages as needed
If you're not seeing the templates, make sure your Materia Theme is published and you're using the latest version.
Need help? Email us at team@materiathemes.com — we’re happy to assist!
