Text columns with images: When using 8 images, display 4 per row

To show eight images on two rows with Text columns with images, you can make this modification.

Example:

How to:

Open your Code Editor. 

From your list of themes, find the Actions link for the theme you'd like to edit. Then select Edit code. Example draft theme:

Example if you're working from your main live/published theme:

Quick link if the theme is live/published:
Open Code Editor

Open index-columns.liquid from the Sections folder:

In the code area, use the Find feature (Command-F on Mac, Control-F in Windows) and search for:

endcase

Example:

We will add two to three blank lines before that line (2).

Example:

Add the following code in that new blank area:

{% when 8 %}
{%- assign grid_item_width = 'large--one-quarter medium--one-half' -%}

Example:

Save the file. 


Undo

Use the Older versions link at the top of the file if you need to rollback or undo this code change.

Still need help? Contact Us Contact Us