How to enlarge images on the custom page?

Store Design
, , ,

Topic summary

A user is building a lookbook page using the Section Store custom app but encounters an issue where clicking images redirects to the top of the page instead of opening them in a lightbox.

Problem identified:

  • Images don’t enlarge when clicked
  • Page jumps to the beginning instead

Proposed solution:
A responder (Raj-webdesigner) suggested removing the empty "gallery_url": "" lines from the JSON code. This fix would:

  • Stop the page refresh/redirect behavior
  • However, it won’t enable the lightbox functionality for viewing enlarged images

Current status:
The discussion remains open with a partial solution. The empty URL parameter removal addresses the redirect issue, but the core lightbox feature still requires additional configuration from the Section Store app settings. The responder also sent a private message with further assistance.

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

Hey,

I am using Section Store (a custom app) to build a simple lookbook page for my website.

Screenshot 2024-07-13 at 2.28.47 PM.png
Screenshot 2024-07-13 at 2.28.47 PM.png2132Ă—1658 574 KB

However, the major problem that I am facing is that when we click on any of the images, it does not enlarge them but moves us to the starting of the page?

Could someone please help me in ensuring that images enlarge in a new lightbox when clicked?

This is the code of the page and the section:

/*
* ------------------------------------------------------------
* IMPORTANT: The contents of this file are auto-generated.
*
* This file may be updated by the Shopify admin theme editor
* or related systems. Please exercise caution as any changes
* made to this file may be overwritten.
* ------------------------------------------------------------
*/
{
  "sections": {
    "main": {
      "type": "main-page",
      "settings": {
        "padding_top": 28,
        "padding_bottom": 28
      }
    },
    "ss_gallery_1_QM4JPQ": {
      "type": "ss-gallery-1",
      "blocks": {
        "image_DcYMeD": {
          "type": "image",
          "settings": {
            "gallery_photo": "shopify:\/\/shop_images\/lookbook_2.png",
            "gallery_url": ""
          }
        },
        "image_Ppq48D": {
          "type": "image",
          "settings": {
            "gallery_photo": "shopify:\/\/shop_images\/lookbook_3.png",
            "gallery_url": ""
          }
        },
        "image_7dQkeK": {
          "type": "image",
          "settings": {
            "gallery_photo": "shopify:\/\/shop_images\/lookbook_4.png",
            "gallery_url": ""
          }
        }
      },
      "block_order": [
        "image_DcYMeD",
        "image_Ppq48D",
        "image_7dQkeK"
      ],
      "custom_css": [
        ".h3 {font-family: \"Cinzel-SBlookbook\";}"
      ],
      "settings": {
        "show_all_mobile": true,
        "gallery_title": "Disaster Collection",
        "gallery_title_font_size": 20,
        "gallery_insta_title": "16 July 2024",
        "gallery_insta_url": "",
        "gallery_image": "shopify:\/\/shop_images\/lookbook_1.png",
        "gallery_url": "",
        "section_bg_color": "#ffffff",
        "type_header_font": "roboto_n4",
        "type_insta_font": "roboto_n4",
        "padding_top": 8,
        "padding_bottom": 36,
        "section-width": 120
      }
    }
  },
  "order": [
    "main",
    "ss_gallery_1_QM4JPQ"
  ]
}

Here is the URL of the Website: https://www.discoverrevery.com/
And the password is opresu.

Thank you!

2

Hello Sir, I check Your Site
you Have One Issue Only Your Remove

"gallery_url": ""

Remove this line from your code which will only stop the page refresh but this won’t work on the open big screen you’ll see sitting from the app.

Code Show like Below

{
  "sections": {
    "main": {
      "type": "main-page",
      "settings": {
        "padding_top": 28,
        "padding_bottom": 28
      }
    },
    "ss_gallery_1_QM4JPQ": {
      "type": "ss-gallery-1",
      "blocks": {
        "image_DcYMeD": {
          "type": "image",
          "settings": {
            "gallery_photo": "shopify:\/\/shop_images\/lookbook_2.png"
          }
        },
        "image_Ppq48D": {
          "type": "image",
          "settings": {
            "gallery_photo": "shopify:\/\/shop_images\/lookbook_3.png"
          }
        },
        "image_7dQkeK": {
          "type": "image",
          "settings": {
            "gallery_photo": "shopify:\/\/shop_images\/lookbook_4.png"
          }
        }
      },
      "block_order": [
        "image_DcYMeD",
        "image_Ppq48D",
        "image_7dQkeK"
      ],
      "custom_css": [
        ".h3 {font-family: \"Cinzel-SBlookbook\";}"
      ],
      "settings": {
        "show_all_mobile": true,
        "gallery_title": "Disaster Collection",
        "gallery_title_font_size": 20,
        "gallery_insta_title": "16 July 2024",
        "gallery_insta_url": "",
        "gallery_image": "shopify:\/\/shop_images\/lookbook_1.png",
        "gallery_url": "",
        "section_bg_color": "#ffffff",
        "type_header_font": "roboto_n4",
        "type_insta_font": "roboto_n4",
        "padding_top": 8,
        "padding_bottom": 36,
        "section-width": 120
      }
    }
  },
  "order": [
    "main",
    "ss_gallery_1_QM4JPQ"
  ]
}

And One More I sent masssage please check for easy solution
i message you please check ==== > Messages box

1 Like