Images on landing pages
Guide to adding and displaying images on landing pages in Shoporama.
You can add images to your landing pages to make them more visually appealing. Images can be used as a header, in the body text or as a background.
Upload an image to a landing page
- Go to Landing pages in your admin
- Click Edit on the landing page you want to change
- Under Image you can upload an image
- The image will now appear on the landing page in your shop
Use the image in your theme
In your theme, you can use the landing page image via the Smarty variable:
<{if $landing_page->getImage()}> <img src="<{$landing_page->getImage()|image:800:400:90}>" alt="<{$landing_page->getTitle()}>"> <{/if}>
The parameters in the image modifier are: width, height and quality (0-100).
Image format and size
- Upload images in JPG or PNG format
- Shoporama automatically converts to WebP for faster loading
- Use an image that is at least as large as you want it to appear - Shoporama scales down, not up
Shoporama tip
For best results, we recommend images with a minimum width of 1200px for header images. See also our guide to image quality and aspect ratio.
Do you need any help? Contact us at support@shoporama.dk.