Articles on: Online Store

Add more featured collection in Wave theme

In this article:

Increase featured collections
Full-width for featured collection

⚠️ 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
We have added an option for you to display image with original quality. Therefore, your store will be using the image with original size and format.
You can enabled it at Channels > Online Store > Customize > General

Step 1: Go to EasyStore Admin > Online Store > Themes > Edit source > folder config/settings_schema.json.

Step 2: Find < Featured collections > at around line 1795 > scroll down to collection 8 (Around line 1956) > copy the highlighted (grey) section as below

Step 3: Paste it below and change the number to 9. Result as below.

Step 4: Repeat step 1.3 above for collection 10-12 > Save.

Step 5: Then, go to folder config/settings_data.json > copy the highlighted (grey) section as below (at around line 60-62).

Step 6: Paste it below and change the number to 9. Result as below.

Step 7: Repeat step 1.6 above and change the number to 10-12 > Save.

Step 8: Go to snippets./highlight-section.liquid > at around line 8 > change 8 to 12 

Step 9: Now you can go to Themes > Customize > Featured collections and you will be able to see Collection 9 to 12.

Step 1 : Click on Channels > Online Store > Edit Source and select theme.scss file

Step 2 : Look for .highlight-section{ around line 3831 and remove max-width: $siteWidth;

Step 3 : Save and here's the result


After (full-width):

Updated on: 22/09/2023

Was this article helpful?

Share your feedback


Thank you!