Navigation side bar & title alignment for collection page

In this article

Remove navigation side bar for collection page
Rename the word 'Featured'
Title alignment for collection page (Center)
Remove Sort By for mobile view
Rename the collection word at Collection page
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