Dawn theme - how to remove thumbnails of product information section and add arrows?

Store Design
, , , , ,

Topic summary

A user wants to modify their Dawn theme product page to display only navigation arrows for cycling through product images, removing the thumbnail gallery below the main image. They reference a specific e-commerce site as an example of the desired functionality.

The user has found several online tutorials but notes that most show implementations with both arrows and thumbnails present.

One respondent suggests a technical approach:

  • Create a custom product image loop using Liquid code
  • Integrate a JavaScript library (such as Slick or Owl Carousel) to build an image slider without thumbnails

The discussion remains open with no complete solution provided yet. This customization requires both Liquid templating and JavaScript implementation.

Summarized with AI on November 7. AI used: claude-sonnet-4-5-20250929.
1

Hello,

I’m trying to customize the product images on the product page so that instead of having the images stacked or with the small thumbnails that you click underneath, there’s only arrows to switch images on the main image and no thumbnails underneath (a reference would be for example how it works on this website: https://framacph.com/collections/tables/products/folding-flat-table-trestles-warm-brown-birch)

I’ve found a few tutorials online but all of them have the arrows + thumbnails.

Does anyone have any suggestions?

Thank you in advance

2

@maksimcuturilo

you just need to create your own product images loop through all the images using liquid code and add JS library like slick or owl to make a slider without thumbnails :slightly_smiling_face: