# Expert Box

#### Backoffice

ESHOP ADMIN > Kundeninformationen > Visual CMS > \[CSM-Inhalt: Expert Box (expertbox\_default)]

### Snippet

```markup
<div id="accordionExpert" class="card-collapse">
    <div class="card card-default bg-solitude">
      <div class="card-header" role="tab" id="headingExpert">
          <a data-toggle="collapse" data-parent="#accordionExpert" href="#collapseExpert" aria-controls="collapseExpert" class="bg-champagne clickme-desktop">Haben Sie Fragen? Ich helfe Ihnen gerne!<i class="now-ui-icons arrows-1_minimal-down"></i></a>
      </div>
      <div id="collapseExpert" class="collapse" role="tabpanel" aria-labelledby="headingExpert">
        <div class="card-body border border-default">
          <div class="card-footer mt-0">
            <div class="author row gutters-small align-items-center">
              <div class="col-auto">
                <img src="[{$oViewConf->getImageUrl('dummy-maxmustermann.png')}]" alt="Muster Team" class="avatar img-raised">
              </div>
              <div class="col">
                <div class="text-primary"><a class="text-primary">SERVICEHOTLINE: [{$oxcmp_shop->oxshops__oxtelefon->value}]</a></div>
                <div>FiremenName-Team</div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
</div>
```

####

#### Bild hinterlegen

Laden Sie ein Bild in der Mediathek hoch\
ESHOP ADMIN > Kundeninformationen > Mediathek

{% hint style="info" %}
Name der Bilddatei und Name im HTML müssen dabei übereinstimmen.
{% endhint %}

```markup
dummy-maxmustermann.png
```

####

#### Alternative Bildbeschreibung

Hinterlegen Sie einen Namen, welches das Bild beschreibt.

```markup
alt="Muster Team"
```

####

#### Name

Tragen Sie Ihren Firmen-Namen oder Team-Namen ein.

```markup
 <div>FiremenName-Team</div>
```

####

#### Telefonnummer (Servicehotline)

ESHOP ADMIN > Stammdaten > Grundeinstellungen

{% tabs %}
{% tab title="Stamm" %}

<div align="left"><img src="https://230327717-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MKjrA9gteXb9UDd1J4K%2F-MLD2Q_ZPJkS5cgwQU8-%2F-MLDNqWYkmL7wINL4q-u%2FTelefon-Stamm.jpg?alt=media&#x26;token=6b6a0b38-d5de-4f68-b66b-748002cce25a" alt=""></div>
{% endtab %}

{% tab title="Einstell." %}

{% endtab %}
{% endtabs %}
