Adding text to 'all collections' page (Supply Theme)

Solved
Tourist
11 0 0

HELLO!

 

I'm trying to add some text to my "All Collections" page above my collection images. This is where my client wants to put things like shipping updates, promotions, etc. I can't figure out where to add this into my code.

Any help appreciated!

Thanks!

0 Likes
Highlighted
Shopify Partner
499 99 115

Hello 

 

1. Go to Online Store->Theme->Edit code
2. Sections->collection.template.liquid->paste bellow code at line no. 26
before this code {% if collection.description != blank %}

 

      {% if collection.title == 'All' %} 
      	<header class="section-header">
          <h1 class="section-header--title h1">{{ collection.title }}</h1>
          <div class="rte rte--header">
            // Your code here
          </div>
        </header>
      {% endif %} 

Note: In place of ( // Your code here ) add your html and if you want to make it dynamic you can create option in settings and call that code here. In that way next time when you want to change banner or text for all/collection you don't have to edit html.

Thanks

Want to modify or custom changes on store hire me.
My Email: guleriathakur43@gmail.com
Skype: navrocks1
If helpful then please Like and Accept Solution.
If you are happy and want to donate small Click here (Its my paypal)
0 Likes
Highlighted
Tourist
11 0 0

Hey @Guleria

 

Thank you for responding, unfortunately that didn't work for me.

For right now I just want it to say "alerts" at the top would you be able to help me add that in?

Attached is a picture of what I'm talking about - basically I need the collection images to move down and there would be an area in that imaginary box that we can put what we need.

 

Thank you!

Screen Shot 2020-01-09 at 10.27.15 AM.png


0 Likes
Highlighted
Shopify Partner
499 99 115

Will you please share store url and share where you added the code I posted last day ?

Want to modify or custom changes on store hire me.
My Email: guleriathakur43@gmail.com
Skype: navrocks1
If helpful then please Like and Accept Solution.
If you are happy and want to donate small Click here (Its my paypal)
0 Likes
Highlighted
Tourist
11 0 0

The store is in development so here is the share url: https://1hrib7vqcaxspqtt-3895737.shopifypreview.com

Attached is a screenshot of the code placed in collection-template.liquid. Right now I just have the "//your code here" still. I didn't want it to mess with the site while I'm editing other things.

Screen Shot 2020-01-09 at 10.38.48 AM.png

 

Thanks

0 Likes
Highlighted

Success.

Shopify Partner
499 99 115

1. Go to Online Store->Theme->Edit code
2. Sections->list-collections.template.liquid->paste bellow code at line no. 27

<header class="section-header" style="border: solid; text-align: center;">
  <div class="rte rte--header">
    // Your code here
  </div>
</header>

Note remove inline css from first div, i just add it to show where it create space

Thanks

Want to modify or custom changes on store hire me.
My Email: guleriathakur43@gmail.com
Skype: navrocks1
If helpful then please Like and Accept Solution.
If you are happy and want to donate small Click here (Its my paypal)
1 Like
Highlighted
Tourist
11 0 0

Awesome that worked thanks! Do I still need that first set of code we added in the collection-template.liquid?

Thanks!


@Guleria wrote:

1. Go to Online Store->Theme->Edit code
2. Sections->list-collections.template.liquid->paste bellow code at line no. 27

<header class="section-header" style="border: solid; text-align: center;">
  <div class="rte rte--header">
    // Your code here
  </div>
</header>

Note remove inline css from first div, i just add it to show where it create space

Thanks

0 Likes
Highlighted

Success.

Shopify Partner
499 99 115

no, please remove previous code you added in Sections->collection.template.liquid

Want to modify or custom changes on store hire me.
My Email: guleriathakur43@gmail.com
Skype: navrocks1
If helpful then please Like and Accept Solution.
If you are happy and want to donate small Click here (Its my paypal)
1 Like
Highlighted
Tourist
11 0 0

Thank you!


@Guleria wrote:

no, please remove previous code you added in Sections->collection.template.liquid


 

0 Likes