{"id":9214,"date":"2025-07-24T12:48:45","date_gmt":"2025-07-24T12:48:45","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&p=9214"},"modified":"2025-07-25T09:26:42","modified_gmt":"2025-07-25T09:26:42","slug":"how-to-create-a-scrollable-product-images-layout-with-an-anchor-navigation-widget","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetproductgallery\/how-to-create-a-scrollable-product-images-layout-with-an-anchor-navigation-widget\/","title":{"rendered":"How to Create a Scrollable Product Images Layout with an Anchor Navigation Widget"},"content":{"rendered":"\n

With the Gallery Anchor Navigation<\/strong><\/a> widget of JetProductGallery<\/em>, you can showcase images in the form of a slider with pagination and adjust their appearance using various style settings.<\/p>\n\n\n\n

Firstly, open a page or template in the Elementor editor and drag and drop the Gallery Anchor Navigation<\/strong> widget in the required section.\u00a0<\/p>\n\n\n\n

In our case, we open the Single Product Page<\/a> template, which was created using the JetWooBuilder<\/em><\/a> plugin.<\/p>\n\n\n\n

\"gallery<\/a><\/div>\n\n\n\n

After that, navigate to the General <\/strong>settings block. Here you can choose one of three Sources<\/strong>:<\/p>\n\n\n\n