We are Underground support

Create a 3 column image grid

Last Updated: Aug 24, 2016 01:37AM EDT
Using the framework that our themes are built on provides a very simple way to create 3 column pages within your store for a simple image gallery
The following is designed to work in both: Pages and blog Posts from within your Shopify admin.
 
  1. Open a Page or Blog post in your Shopify admin.
  2. Insert all of the images that you want to use into the page.
  3. On the top right of the Content window click on the < > ( show HTML ) Icon on the top right side
  4. You are now editing the page within the HTML view and will see what your page looks like in code view.
  5. Your images will all appear on the page as code - each of those will look like this:

  6. <img src="....................... ">
    To make things easy for your self put each image on it's own line by pressing return before each:

     <img src="...
    You will have something like this:

    <img src="....................... ">
    <img src="....................... ">
    <img src="....................... ">

  7. To create 3 equal columns which will be 33% width on Desktop and Tablet and then stacked on Mobile add this before each one of those images:

  8. <div class="desktop-4 tablet-2 mobile-3">
  9. Then add this at the end:

  10. </div>
    It should look like this:

    <div class="desktop-4 tablet-2 mobile-3"><img src="....................... "></div>
    <div class="desktop-4 tablet-2 mobile-3"><img src="....................... "></div>
    <div class="desktop-4 tablet-2 mobile-3"><img src="....................... "><.div>

  11. Click save when done - this will split those images into a 3 column layout similar to your collection pages.

Get help

Note We can not offer individual theme modifications, however are happy to advise on the best Shopify resources and finding developers to work on your theme.
Want to customize your theme?
Have questions not covered in our docs?
retail@undergroundmedia.co.uk
http://assets0.desk.com/
false
undergrndmedia
Loading
seconds ago
a minute ago
minutes ago
an hour ago
hours ago
a day ago
days ago
about
false
Invalid characters found
/customer/en/portal/articles/autocomplete