Product images

Store Design
, , , , , , ,

Topic summary

A user wants to display product images as thumbnails in desktop layout using Shopify’s free Fabric theme.

Solution provided:

  • Navigate to Shopify Admin → Online Store → Themes → Customize
  • Select a product page from the top navigation
  • In the Product information section, locate settings for:
    • Media layout
    • Thumbnail position
    • Gallery layout
  • Choose a thumbnail layout option (thumbnails below main image or on left/right side)
  • Preview on desktop view and save changes

Alternative if options aren’t visible:

  • Check Product media section for an “Enable thumbnails” toggle
  • Theme version may need updating if settings are missing

Note: One responder mentioned custom code in product.liquid might be needed, though another provided a no-code solution using built-in theme settings. The issue appears unresolved as the original poster hasn’t confirmed which approach worked.

Summarized with AI on October 27. AI used: claude-sonnet-4-5-20250929.
1

I need add product images Desktop layout as Thumbnails. I use new Free “Fabric Theme”

1 Like
2

Hey @Dilshan25 ,

Could you please share the store url and password [if applicable] with me so that I can take a look and provide you the solution code.

Thanks

3

I use new Free “Fabric Theme” broo

4

This need to do custom code in your product.liquid to ensure it show the thumbnail of the product media.

5

Hello @Dilshan25 !

To show product images as thumbnails on desktop layout in the new free Fabric Theme on Shopify, you can do it without coding by using the theme’s built-in settings

How to Show Thumbnails in Fabric Theme (Desktop)#### Step 1: Open Theme Customizer- Go to Shopify Admin → Online Store → Themes

  • Click “Customize” next to the Fabric theme

Step 2: Go to Product Page- Use the top navigation dropdown to select Products > any product

Step 3: Edit the Product Page Layout- In the left panel, select the Product information section

  • Look for “Media layout” or “Media position” or something like:

    • Thumbnail position

    • Media style

    • Gallery layout

Step 4: Choose a Thumbnail Layout- Change it from Stacked, Grid, or Carousel to a layout that includes thumbnails on the side or below the main image

Typical options:

  • Thumbnails below main image

  • Thumbnails on left/right side

Step 5: Preview on Desktop- In the top bar of the customizer, change the device preview to desktop

  • Make sure thumbnails appear correctly

  • You may need to upload multiple product images to see them

Step 6: Save Changes### ? If You Don’t See Thumbnail Options

If your theme version doesn’t expose these options:

  • Go to Product page section > Product media

  • Look for a “Enable thumbnails” toggle

  • If it’s missing, your Fabric version might need updating (it’s still rolling out as of 2024–25)

If this reply was useful to you, we would really appreciate it if you gave us a LIKE and mark the issue as SOLVED!