We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Product images

Product images

Dilshan25
Shopify Partner
13 0 6

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

Replies 4 (4)

The_ScriptFlow
Explorer
201 17 25

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

- Need a Shopify Specialist? Chat on WhatsApp Or Email at info@thescriptflow.com
- For any custom section queries, bug fixing please visit: Level 2 Fiverr Profile
- Buy Me a Coffee? Nah… Let’s Upgrade to a Car
- If my solution was helpful, mark it as a solution and hit the like button!
Dilshan25
Shopify Partner
13 0 6

 I use new  Free "Fabric Theme"  broo

The_ScriptFlow
Explorer
201 17 25

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

- Need a Shopify Specialist? Chat on WhatsApp Or Email at info@thescriptflow.com
- For any custom section queries, bug fixing please visit: Level 2 Fiverr Profile
- Buy Me a Coffee? Nah… Let’s Upgrade to a Car
- If my solution was helpful, mark it as a solution and hit the like button!

Vi-WizzCommerce
Shopify Partner
236 9 28

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 AdminOnline StoreThemes

  • 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!

Check here Wizzcommerce Apps to optimize your store: Snap Presale & Backorder | SnapNoti FOMO Visitor Counter | SnapBundle Volume Discounts | Wizz Flash Sale & Price Edit | BOGO+ | Buy X Get Y Free Gift | Snap Cart Drawer & Cart Upsell
Find more support, feel free to contact: support@wizzcommerce.io