Atmos - Demo 3
This demo is characterized by its partially transparent header and its dark layout.
Last updated
This demo is characterized by its partially transparent header and its dark layout.
Last updated
With the help of custom fields, the theme extends the functionality of the shop system in the areas catalogs > categories and catalogs > products. Custom fields can thus change the display for each category or product individually.
Der header is overlaying (1) and the background opacity (2) on 90% reduced. This overlays the header on the slider element. The main navigation continues to receive its opacity (3) from the global theme configuration.
The header has been set in the theme styling under header > header > colors > background partially transparent color in rgba format: rgba($sw-color-brand-secondary, 60%)
Therefore, the category navigation is displayed partially transparent.
The Main navigation has a in the theme styling under header > main navigation > colors > background a partially transparent color in rgba format: rgba($sw-color-brand-secondary, 95%)
Therefore, the category navigation is displayed partially transparent.
For more information on the overlaying header, see CONTENTS > Category > Overlay header.
Some categories use the theme's own category image feature. Learn in the CONTENTS > category > category image more about this.
Configurations that we have implemented via an update can often not be delivered with the default value that is shown in the demo. This way we ensure that existing online stores are not changed without the customer's knowledge.
We have listed the deviating settings here:
General > Basic Layout > Header (mobile)
Single line header
General > Product Images > Width product image
1890*
General > Product Images > Height product image
2400*
Header > Flyout navigation > Basic configuration > Extern-Link Icon
true
Category > Product boxes > Basic configuration > Variant cheapest price > Variant cheapest price
false
Footer > Footer bottom > Basic configuration > Display service navigation
false
Product > Detail > Product details > all switch fields
true
Produkt > Gallery > Width & Height > Use aspect ratio of product images for gallery height
true
General > Scroll animation > Basic configuration > Animate product listing
true
Youtube Video Consent
Yes
*These values are adapted to our product images. An adoption of these values is therefore not recommended.
