Skip to content
Operator handbook
Static Images
Hygraph
Hygraph

Static Images

A static image is a picture the shop shows in a place that is not tied to a single piece of content. A blog
has its own image and a product has its packshot, but a decorative background behind a slider, the picture in
the checkout gift block or the visual on the wheel of fortune belong to the shop rather than to one entry.
Those live in Content → Static Image.

Development decides where each image appears and looks it up by its Key. You decide which picture is used.

Fields

Static Image entry

Key (key) — required, and the part development depends on. It has to match the key the code asks for
exactly, so copy it rather than typing it. Changing a key on an existing entry makes the shop stop finding
the image.

Image (image) — the picture itself. Localized, so a shop can show a different image per language.

Alt (alt) — describes the picture for screen readers and for when the image fails to load.

Storefront (storefront) — which shops this entry belongs to. One entry can serve several shops.

Adding one

Static Image list

  1. Open Content → Static Image and create a new entry.
  2. Paste the Key you were given.
  3. Upload the Image, write an Alt, and pick the Storefront.
  4. Publish it in every locale the shop uses. A locale you leave unpublished shows no image at all rather
    than falling back to another language.

The quickest route is to duplicate an existing entry and replace the key and the picture, so the storefront
and locale settings come along with it.

Keys in use

Key Where it appears
search_result_fallback Search results page, on category and article cards whose own record has no image
checkout_gift The gift block in checkout
loyalty_gift Hero image on the loyalty gift page. See Loyalty Gifts
plp_slider_bg Background behind the slider on a product listing page
plap_empty_rating_badge The empty star badge on a product listing
pdp_faq_question_mark Question mark on the product page FAQ
product_detail_nutrition_facts Nutrition facts block on the product page
plp_smart_vergleich_logo Smart Vergleich logo on a product listing
review_page_component Review page component
wheel_of_fortune_trigger The button that opens the wheel of fortune
wheel_of_fortune_visual_top Top visual on the wheel of fortune
wheel_of_fortune_visual_bottom Bottom visual on the wheel of fortune

The search results fallback

search_result_fallback is optional. The search results page shows categories and articles as cards, and
plenty of those have no picture of their own, for instance a service page or a category that was never given
one. Without this entry the shop falls back to your own logo on the footer background, so the cards always
look finished.

Set it when you would rather show a photo than the logo. Pick something neutral: the same picture is used
behind every kind of card, and it is shown both wide on desktop and as a small square on mobile.

Changes to a static image need a build before they show up on the website. See
Page revalidation.