Lookbook Grid Section

What This Sidekick Query Does

Create a lookbook grid section for my [PAGE_NAME] page. The section should display [NUMBER] lifestyle images in a [GRID_LAYOUT] layout (options: masonry, uniform, mixed sizes). Each image should have clickable hotspot pins positioned at specific coordinates that, when clicked, reveal a small popup card showing: product image thumbnail, product name, price, and a Shop Now link. The hotspot positions should be configurable via section block settings (x_position and y_position as percentages). Add a section heading of [SECTION_HEADING] and optional subtext. On mobile, display images in a single column with hotspots still functional. Style the hotspot pins as small circles with a pulse animation. Generate the Liquid section with blocks for each hotspot, JavaScript for interactivity, and CSS.

Expected Output

Tips to Improve Results