In this article:

  1. Increase featured collections to 6

  2. Make arrangement in mobile version to 2 featured collections per row


1. Increase featured collections to 6

1.1 Go to Admin > Online Store > Themes > Edit source > folder config/settings_schema.json.


1.2 Find < Featured collections > at around line 1171 > scroll down to collection 4 > copy the highlighted (grey) section as below.


1.3 Paste it below and change the number to 5. Result as below.


1.4 Repeat step 3 above for number 6 > Save.


1.5 Then, go to folder config/settings_data.json > copy the highlighted (grey) section as below.


1.6 Paste it below and change the number to 5. Result as below.


1.7 Repeat step 6 above and change the number to 6 > Save.


1.8 Now you can go to Themes > Customize > Featured collections and you will be able to see Collection 5 and 6.


2. Make arrangement in mobile version to 2 featured collections per row

2.1 Go to Edit source > folder assets/theme.scss.


2.2 Find the highlighted (grey) section below.


2.3 Replace the section with code below.

flex-basis: auto;

width: calc(50% - 10px);


2.4 Result as below.


2.5 Save and done.