Hero Slides
View Site
+ New Article
Hero Slides
+ Add Slide
Loading slides...
New Slide
Sort Order
Brand Name (eyebrow text)
Title Line 1 (large)
Title Line 2 (medium)
Title Line 3 (small)
Buy URL
Active
Yes
No
Big Image (main product)
Drop image here or click
Grid Images (5 thumbnails)
<div data-slot="0"> <div class="upload-zone" data-drop-zone="grid-0" style="padding:.75rem;aspect-ratio:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden"> <span style="font-size:1.5rem">+</span> <input type="file" accept="image/*" style="display:none" data-file-input="grid-0" /> <img class="grid-preview-img" style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none" alt="" /> </div> <input type="hidden" class="grid-image-url" data-slot-url="0" /> <input type="hidden" class="grid-image-alt" data-slot-alt="0" /> </div> <div data-slot="1"> <div class="upload-zone" data-drop-zone="grid-1" style="padding:.75rem;aspect-ratio:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden"> <span style="font-size:1.5rem">+</span> <input type="file" accept="image/*" style="display:none" data-file-input="grid-1" /> <img class="grid-preview-img" style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none" alt="" /> </div> <input type="hidden" class="grid-image-url" data-slot-url="1" /> <input type="hidden" class="grid-image-alt" data-slot-alt="1" /> </div> <div data-slot="2"> <div class="upload-zone" data-drop-zone="grid-2" style="padding:.75rem;aspect-ratio:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden"> <span style="font-size:1.5rem">+</span> <input type="file" accept="image/*" style="display:none" data-file-input="grid-2" /> <img class="grid-preview-img" style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none" alt="" /> </div> <input type="hidden" class="grid-image-url" data-slot-url="2" /> <input type="hidden" class="grid-image-alt" data-slot-alt="2" /> </div> <div data-slot="3"> <div class="upload-zone" data-drop-zone="grid-3" style="padding:.75rem;aspect-ratio:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden"> <span style="font-size:1.5rem">+</span> <input type="file" accept="image/*" style="display:none" data-file-input="grid-3" /> <img class="grid-preview-img" style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none" alt="" /> </div> <input type="hidden" class="grid-image-url" data-slot-url="3" /> <input type="hidden" class="grid-image-alt" data-slot-alt="3" /> </div> <div data-slot="4"> <div class="upload-zone" data-drop-zone="grid-4" style="padding:.75rem;aspect-ratio:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden"> <span style="font-size:1.5rem">+</span> <input type="file" accept="image/*" style="display:none" data-file-input="grid-4" /> <img class="grid-preview-img" style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none" alt="" /> </div> <input type="hidden" class="grid-image-url" data-slot-url="4" /> <input type="hidden" class="grid-image-alt" data-slot-alt="4" /> </div>
Cancel
Delete
Save Slide