Debut theme | Adding (homepage-style) sections to store pages

Highlighted
Tourist
5 0 1

Hi all,

 

I am using the Debut theme, which I like a lot.  When customising the home page there are options to add a 'Section', for example;

  • Collection list
  • Image with text
  • Image with text overlay
  • Logo list
  • Slideshow
  • Map
  • etc, etc...

Unfortunately these sections can only be added to the home page from the site customisation page.

 

Is it feasibly possible to add these sections to custom pages (i.e. the pages you create yourself, such as About Us, etc)?

 

I can see in Themes > Edit Code > Sections there are sections for things like featured-blog.liquid, map.liquid, etc, so it does seem like it's possible.

 

Can anyone show me the code to insert on a custom page to show, for example, a section for an Image with Text Overlay?

 

Thanks,
Matt

0 Likes
Highlighted
Shopify Partner
50 10 23

Hey Matt,

 

Unfortunately sections are limited to the home page only right now. At Unite 2019, Shopify announced the new store design experience. This isn't fully available yet, but when it is, it will expand the availability of sections to pages other than the home page.

In the interim, you will need to edit the code yourself and hack up the liquid templates that you found. Because those templates use the 'section' object, which can only be created by Shopify's backend code, you will need to create a copy of each one that you wish to use and modify it remove the references to the section object, and instead to hardcode your desired values.

Code 402 Inc - Ecommerce Consulting in Kitchener, Ontario, Canada
0 Likes
Highlighted
New Member
1 0 0

Hi Matt, 

 

I am in the same boat as you - I like using the Debut theme but I am wanting to create custom contact pages with map sections. Simply embedding the map is not working correctly and the effect is being lost. 
Did you succeed in selecting sections of the code from the homepage to create your custom pages? 

0 Likes
Highlighted
Tourist
5 0 1

Hello @megang

 

Unfortunately I didn't solve this myself.  As Code402 said above, the new store design experience should be coming soon which will enable this, so I have decided to wait instead of manually editing backend code.

 

All the best,

Matt

0 Likes
Highlighted
New Member
3 0 0

I built additional pages that are similar to the homepage by using Shogun, the app. 

0 Likes
Highlighted
New Member
3 0 0

I think I figured it out. Will need to do some testing though. You have to go into the code. FYI, I just launched on Labor Day so I am still new to Shopify. I am also not a coder.

0 Likes
Highlighted
New Member
3 0 0
I added Shogun, www.getshogun.com. It worked pretty well
0 Likes
Highlighted
New Member
3 0 0

Thanks, I'll check out Shogun but I've been basically copying the sections, renaming it, and then added it to the page template. It shows up and is a unique content, not replicating the homepage ones (at first it was pulling the same content). 

0 Likes
Highlighted
New Member
3 0 0
I started out that way, but was frustrated by the lack of options. Good for you though, glad to hear you got it figured out
0 Likes
Highlighted
Tourist
4 0 1

Hi

Any idea of when it's going to roll? ...as the announcement was made one year ago and still no update...

0 Likes