Shoplazza themes strategically use theme cards to enhance both visual appeal and functionality. These cards, also known as sections or blocks within the theme editor, help showcase products, highlight key information, and effectively engage customers. They range from product listings and featured collections to promotional offers and blog posts, capturing visitors’ attention with eye-catching imagery, concise text, and relevant details. By strategically utilizing these sections or blocks, you can customize and arrange them to guide customers through their shopping journey, enhance the overall user experience, and ultimately boost sales.
Enhancing the visual appeal of theme cards is essential for creating an engaging user experience. To achieve the best results, we strongly recommend following the recommended image sizes provided for each theme in the tables below. These sizes serve as valuable reference points for optimizing theme cards. However, keep in mind that the actual appearance may vary slightly depending on monitor resolution settings. Start with these recommended sizes and adjust as needed to ensure the best visual presentation for your store.
Why image size matters
Using the right dimensions for your theme card images ensures crisp, professional visuals that adapt seamlessly to desktop and mobile screens. While the guidelines below provide a starting point, always preview adjustments in your theme editor, as screen resolutions may vary.
Nova 2023 theme series and Eva theme series
Nova 2023 theme series includes the Bamboo, Morning, Moon, Night, Sweet, BeautyNow, and ElecHub themes.
Eva theme series includes Elegant.
| Section / Card | Aspect Ratio | Recommended Image Sizes (px) |
| Collection image | Desktop: 2.4:1 Mobile: 3:2 | Desktop: 1440x600 Mobile: 375x250 |
| Slideshow | Desktop: 2.4:1 Mobile: 3:2 | Desktop: 1440x600 Mobile: 375x250 |
| Featured collection | 1:1 | 580x580 |
| Accessories List | 1:1 | 260x260 |
| Image with text | 1:1 | 500x500 |
| Gallery | 1.3:1 | 368x284 |
| Image with text 2 | Large: 3:4 Small: 3:4 | Large: 438x584 Small: 205x274 |
| Large image with text | Desktop: 3.6:1 Mobile: 3:2 | Desktop: 1440x400 Mobile: 375x250 |
| Recommended image and text | Main Image: 3:4 Block: 8:5 | Main Image: 514x685 Block: 644x408 |
| Text columns with images | 3:2 | 370x248 |
| Split slideshow | 4:3 | 782x586 |
| INS | 1:1 | 246x246 |
| Logo list | Unlimited | - |
Geek theme series and Flash theme
This series includes the Impress, Christmas, Petonly, Venue, and Flash themes.
| Section / Card | Aspect Ratio | Recommended Image Sizes (px) |
| Collection image | Desktop: 2.4:1 Mobile: 3:2 | Desktop: 1440x600 Mobile: 375x250 |
| Slideshow | Desktop: 3.6:1 Mobile: 3:2 | Desktop: 1440x600 Mobile: 375x250 |
| About Us | 1:1 | 640x640 |
| Image with text grid | 1:1 | 414x414 |
| Classic image with text grid | 1:1 | 360x360 |
| Image with text switch | 1:1 | 480x480 |
| Multi image with text | 1:1 | 630x630 |
| Collection mosaic | 1:1, 2:1, 1:1 | 588x588, 588x294, 282x282 |
| Shoppable image | 1:1 | 720x720 |
| Collection list | 3:2, 3:4 | 560x374, 280x374 |
| Logo list | 2.3:1 | 140x60 |
Hero theme series and Wind theme
This series includes the Modern, Halloween, and Wind themes.
| Section / Card | Aspect Ratio | Recommended Image Sizes (px) |
| Collection image | Desktop: 2.4:1 Mobile: 3:2 | Desktop: 1440x600 Mobile: 375x250 |
| Image with text /Image slideshow | Desktop: 2.4:1 Mobile: 3:2 | Desktop: 1440x600 Mobile: 375x250 |
| Image slideshow | Desktop: 2.4:1 Mobile: 3:2 | Desktop: 1440x600 Mobile: 375x250 |
| Promotion grid - Image with text | 1:1 | 650x650 |
| Promotion grid - Image | Desktop: 2.4:1 Mobile: 5:2 | Desktop: 1320x540 Mobile: 343x140 |
| Promotion grid - Simple | 5:2 | 650x280 |
| Split slideshow | Desktop: 3:2 Mobile: 5:4 | Desktop: 840x560 Mobile: 375x300 |
| Blog posts | 1:1 | 860x860 |
| Text columns with images | 3:2 | 370x248 |
| Custom content | Desktop: 2:1 Mobile: 5:2 | Desktop: 650x325 Mobile: 343x140 |
| Accessories List | 1:1 | 320x320 |
| Logo list | 5:2 | 200x80 |
Boost theme
| Card | Aspect Ratio | Recommended Image Sizes (px) |
| Slideshow | Desktop: 5:2 Mobile: 3:2 | Desktop: 1340x540 Mobile: 375x250 |
| Image with text | 1:1 | 670x670 |
| Gallery | Large: 4:1 Small: 2:1 Mobile: 1:1 |
Large : 1340x325 Small: 650x214 Mobile: 500x500 |
| Promotional images | 1:1 | 650x650 |
| Split image | 1:1 | 650x650 |
| Promotional collection | Desktop: 0.8:1 Mobile: 1:1 | Desktop: 668x812 Mobile: 500x500 |
| Blogs | 1:1 | 860x860 |
| Text columns with images | 3:2 | 370x248 |
Other recommended sizes (not specific to a theme)
| Card | Aspect Ratio | Recommended Image Sizes (px) |
| Slideshow | 3.2:1, 1.2:1 | Desktop: 1440x450 Mobile: 375x325 |
| Gallery | 1:1 | 500x500 |
| Image with text list | 1:1 | 500x500 |
| Single row image | 1:1 | 500x500 |
| Logo List | 1.6:1 | 600x360 |
| Single image/Slideshow | Desktop: 3.2:1 Mobile: 1.2:1 | Desktop: 1440x450 Mobile: 375x325 |
| Image 3/Image 2 | 1:1 | 800x800 |
| Text columns with images | 3:2 | 370x248 |
| Custom content | Desktop: 2:1 Mobile: 5:2 | Desktop: 650x325 Mobile: 343x140 |
| Accessories List | 1:1 | 320x320 |
Using these recommended image sizes ensures that visuals are presented optimally across various themes and devices, enhancing the online store's overall aesthetic appeal and user experience. Remember to adjust and optimize images as needed based on specific design requirements and monitor settings.
Comments
Please sign in to leave a comment.