# Slider Hero (Startseite)

### Responsive Slider-Hero in Englisch und Deutsch <a href="#responsive-slider-hero-in-englisch-und-deutsch" id="responsive-slider-hero-in-englisch-und-deutsch"></a>

Für die Startseite des Shops kann ein Slider-Hero eingesetzt werden, um wichtige Inhalte und Angebote hervorzuheben. Damit der Slider sowohl auf Mobilgeräten als auch auf Desktop-Bildschirmen optimal dargestellt wird, müssen verschiedene Bildgrößen verwendet werden. Diese Größen gewährleisten, dass der Slider auf allen Geräten korrekt und ansprechend aussieht. Wenn der Shop in mehreren Sprachen, wie Deutsch und Englisch, angeboten wird, sind zusätzlich mehrsprachige Slider erforderlich, um den Inhalt passend zur gewählten Sprache zu präsentieren.

&#x20;

### Slidergrößen und Dateibenennung für die jeweiligen Sprachen <a href="#slidergrossen-und-dateibenennung-fur-die-jeweiligen-sprachen" id="slidergrossen-und-dateibenennung-fur-die-jeweiligen-sprachen"></a>

Um eine optimale Darstellung des Sliders auf verschiedenen Geräten zu gewährleisten und ihn in mehreren Sprachen, wie Deutsch und Englisch, korrekt anzuzeigen, ist es wichtig, die richtigen Bildgrößen und Dateibenennungen zu verwenden.

**Bildgrößen:**

* **Mobil**: 860 x 500 px
* **Desktop**: 2600 x 1000 px

**Sprachen und Dateibenennung:**

Um den Slider in verschiedenen Sprachen darzustellen, sollte die Dateibenennung klar und strukturiert sein. Verwenden Sie den Sprachcode als Suffix, um die Übersichtlichkeit zu gewährleisten.

* **Deutsch (DE)**: `slider-name_sm_de.jpg`, `slider-name_lg_de.jpg`
* **Englisch (EN)**: `slider-name_sm_en.jpg`, `slider-name_lg_en.jpg`

Diese Struktur ermöglicht eine einfache Zuordnung und Verwaltung der Dateien im Shop-System.

&#x20;

**Mobil Slider in der Sprache Deutsch**

<figure><img src="/files/oCEYjMxekH0F4aTjOuQA" alt=""><figcaption><p>slider-name_sm_de.jpg</p></figcaption></figure>

**Mobil Slider in der Sprache Englisch**

<figure><img src="/files/m2DuvtBRaXiXTgBu9kHa" alt=""><figcaption><p>slider-name_sm_en.jpg</p></figcaption></figure>

**Desktop Slider in der Sprache Englisch**

<figure><img src="/files/55e5Tkahmm3v4JrRPiHP" alt=""><figcaption><p>slider-name_lg_en.jpg</p></figcaption></figure>

**Desktop Slider in der Sprache Deutsch**

<figure><img src="/files/ina5zMomDjgOWosMrqx7" alt=""><figcaption><p>slider-name_lg_de.jpg</p></figcaption></figure>

&#x20;

<br>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://servoprax.gitbook.io/medical-products-media/shop/slider-hero-startseite.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.