Navigation side bar & title alignment for collection page

In this article

1. Remove navigation side bar for collection page
2. Rename the word 'Featured'
3. Title alignment for collection page (Center)
4. Remove Sort By for mobile view
5. Rename the collection word at Collection page
6. Uppercase for 'All Products' title
   
   ⚠️ Kindly take note :

• Above all code editing, you will need to re-edit the code again if you switch to a new theme template
• We do not allow to change or edit the code for the checkout page (which include shipping & payment method) due to security reasons

1. Remove navigation side bar for collection page

Step 1: Go to EasyStore Admin > Channels > Online Store > Theme > Edit source > templates > collection.liquid

Step 2 : Search for {% if template == 'collection' %} around line 30 and remove the highlighted code

Don't forget to remove large--three-quarters as well

Step 3 : Click Save > Done

2. Rename the word 'Featured'

Step 1: Go to EasyStore Admin > Channels > Online Store > Theme > Edit source > templates > collection-sorting.liquid

Step 2 : replace {{ 'collections.sorting.featured' | t }} with new text

Step 3 : Save and you are done!

This would be the end result!

3. Title alignment for collection page (Center)

Step 1: Go to EasyStore Admin > Channels > Online Store > Theme > Edit source > templates > collection.liquid

Step 2 : Move the highlighted code

to below large--three-quarters

Step 3 : Remove below code from the highlighted code earlier in order to make it center

{% if settings.collections_tags_enable or settings.collections_sort_enable %} section-header__title--left{% endif %}

Step 4 : Save and you're done!

4. Remove Sort By for mobile view

Step 1: Go to EasyStore Admin > Channels > Online Store > Theme > Edit source > templates > collection.liquid

Step 2 : Look for collection-sorting and add hide after large--hide

Step 3 : Save

5. Rename the collection word at Collection page

Step 1: Go to EasyStore Admin > Channels > Online Store > Theme > Edit source > templates > collection.liquid

Step 2 : Look for collection-sorting and change the title here

Step 3 : Save

6. Uppercase for 'All Products' title

Step 1: Go to EasyStore Admin > Channels > Online Store > Theme > Edit source > templates > collection.liquid

Step 2 : Look for collection.title and add | upcase

Step 3 : Save

Before :

After :

Updated on: 04/10/2023