# Wie Bild auf der Startseite einbinden?

**URL:** <https://forum.oxid-esales.com/t/wie-bild-auf-der-startseite-einbinden/45582>\
**Category:** Deutsches Forum\
**Tags:** installation-konfiguration\
**Created:** [September 1, 2010, 5:01pm UTC](https://forum.oxid-esales.com/t/wie-bild-auf-der-startseite-einbinden/45582 "2010-09-01T17:01:16Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Karlheinz](https://forum.oxid-esales.com/letter_avatar_proxy/v4/letter/k/7ab992/32.png) [@Karlheinz](https://forum.oxid-esales.com/u/Karlheinz)\
**Post date:** [September 1, 2010, 5:01pm UTC](https://forum.oxid-esales.com/t/wie-bild-auf-der-startseite-einbinden/45582/1 "2010-09-01T17:01:16Z")

</div>

hallo,

ich möchte auf der startseite, wahrscheinlich auf der start.tpl unter dem begrüssungstext ein bild einbinden. wie muss der ensprechende codeschnipsel lauten?

---

<div class="post-metadata">

**Author:** ![cherry](https://forum.oxid-esales.com/letter_avatar_proxy/v4/letter/c/da6949/32.png) [@cherry](https://forum.oxid-esales.com/u/cherry)\
**Post date:** [October 23, 2010, 4:25pm UTC](https://forum.oxid-esales.com/t/wie-bild-auf-der-startseite-einbinden/45582/2 "2010-10-23T16:25:53Z")

</div>

[I]Ja genau das bräuchte ich auch, bin auch gerade an diesem Punkt[/I]

---

<div class="post-metadata">

**Author:** ![Priester](https://forum.oxid-esales.com/letter_avatar_proxy/v4/letter/p/94ad74/32.png) [@Priester](https://forum.oxid-esales.com/u/Priester)\
**Post date:** [October 23, 2010, 4:50pm UTC](https://forum.oxid-esales.com/t/wie-bild-auf-der-startseite-einbinden/45582/3 "2010-10-23T16:50:25Z")

</div>

Im Admin unter CMS Seiten “Begrüssungstext” glaube ich heißt das, das Bild einfach einfügen.

Sollte so aussehen:

```php
<img src="http://deineSeite.de/out/basic/img/namevomBild.jpg" >

```

---

<div class="post-metadata">

**Author:** ![Karlheinz](https://forum.oxid-esales.com/letter_avatar_proxy/v4/letter/k/7ab992/32.png) [@Karlheinz](https://forum.oxid-esales.com/u/Karlheinz)\
**Post date:** [October 25, 2010, 1:00pm UTC](https://forum.oxid-esales.com/t/wie-bild-auf-der-startseite-einbinden/45582/4 "2010-10-25T13:00:03Z")

</div>

[QUOTE=Priester;42517]Im Admin unter CMS Seiten “Begrüssungstext” glaube ich heißt das, das Bild einfach einfügen.

Sollte so aussehen:

```php
<img src="http://deineSeite.de/out/basic/img/namevomBild.jpg" >

```

[/QUOTE]

hat bei mir leider nicht geklappt. 😕

---

<div class="post-metadata">

**Author:** ![Priester](https://forum.oxid-esales.com/letter_avatar_proxy/v4/letter/p/94ad74/32.png) [@Priester](https://forum.oxid-esales.com/u/Priester)\
**Post date:** [October 25, 2010, 1:22pm UTC](https://forum.oxid-esales.com/t/wie-bild-auf-der-startseite-einbinden/45582/5 "2010-10-25T13:22:29Z")

</div>

seltsam. Du möchtest unterhalb der Navileiste eine Grafik haben?

Dann nimm mal den Pfad von oben und für ihn in der start.tpl ein.

---

<div class="post-metadata">

**Author:** ![rubbercut](https://forum.oxid-esales.com/user_avatar/forum.oxid-esales.com/rubbercut/32/3520_2.png) [@rubbercut](https://forum.oxid-esales.com/u/rubbercut)\
**Post date:** [October 25, 2010, 1:24pm UTC](https://forum.oxid-esales.com/t/wie-bild-auf-der-startseite-einbinden/45582/6 "2010-10-25T13:24:38Z")

</div>

Naja, das Bild wird nur geladen, wenn es sich tatsächlich im Ordner “img” im Template “Templatename=basic” befindet. Für die Ordnerstruktur solltest Du aber (bis auf Ausnahmen), die oxid-Interna benutzen:

```php
[{ $oViewConf->getResourceUrl() }]

```

= out/templatename/src

```php
[{ $oViewConf->getBaseDir() }]

```

= root (dort, wo sich die config.inc.php beifndet.

```php
[{$oViewConf->getImageUrl()}]

```

= out/templatename/img

---

<div class="post-metadata">

**Author:** ![Priester](https://forum.oxid-esales.com/letter_avatar_proxy/v4/letter/p/94ad74/32.png) [@Priester](https://forum.oxid-esales.com/u/Priester)\
**Post date:** [October 25, 2010, 1:27pm UTC](https://forum.oxid-esales.com/t/wie-bild-auf-der-startseite-einbinden/45582/7 "2010-10-25T13:27:54Z")

</div>

Und was ist an meinem Beispiel verkehrt?

Habe es auf diese weise eingebunden.

---

<div class="post-metadata">

**Author:** ![rubbercut](https://forum.oxid-esales.com/user_avatar/forum.oxid-esales.com/rubbercut/32/3520_2.png) [@rubbercut](https://forum.oxid-esales.com/u/rubbercut)\
**Post date:** [October 25, 2010, 1:59pm UTC](https://forum.oxid-esales.com/t/wie-bild-auf-der-startseite-einbinden/45582/8 "2010-10-25T13:59:07Z")

</div>

Prinzipiell nichts, wenn sich aber z.B. die Domain ändert oder der Shop in einen Ordner umzieht oder, oder, oder, dann muss diese statische Adresse [B]jedesmal [/B]manuell geändert werden.

---

<div class="post-metadata">

**Author:** ![cherry](https://forum.oxid-esales.com/letter_avatar_proxy/v4/letter/c/da6949/32.png) [@cherry](https://forum.oxid-esales.com/u/cherry)\
**Post date:** [November 1, 2010, 1:26pm UTC](https://forum.oxid-esales.com/t/wie-bild-auf-der-startseite-einbinden/45582/9 "2010-11-01T13:26:19Z")

</div>

Also bei mir klappt das so mit dem einbinden, kann ich die Größe dieses Bildes auf der Startseite noch ändern oder muss ich das dann von vorn herein in einer kleineren Größe hochladen?

---

<div class="post-metadata">

**Author:** ![ChristophH](https://forum.oxid-esales.com/letter_avatar_proxy/v4/letter/c/ed8c4c/32.png) [@ChristophH](https://forum.oxid-esales.com/u/ChristophH)\
**Post date:** [November 1, 2010, 1:52pm UTC](https://forum.oxid-esales.com/t/wie-bild-auf-der-startseite-einbinden/45582/10 "2010-11-01T13:52:50Z")

</div>

Du kannst die Bilder so groß einbauen wie du möchtest. Allerdings ist auf der startseite natürlich nur begrenzter Platz vorgesehen. Du musst ggf. ein paar CSS + HTML-Angaben anpassen. Z: b. die Breite und Höhe des Startseitencontents.

---

<div class="post-metadata">

**Author:** ![cherry](https://forum.oxid-esales.com/letter_avatar_proxy/v4/letter/c/da6949/32.png) [@cherry](https://forum.oxid-esales.com/u/cherry)\
**Post date:** [November 1, 2010, 2:00pm UTC](https://forum.oxid-esales.com/t/wie-bild-auf-der-startseite-einbinden/45582/11 "2010-11-01T14:00:37Z")

</div>

und wie mach ich das?  
Fang hier echt bei null an, deshalb frag ich auch meistens Sachen die hier alle schon wissen …  
Ich hab jetzt ein Bild eingebunden allerdings geht das bis in den footer unten rein  
und das ist natürlich nicht so optimal.  
Man müsste es verkleinern.

---

<div class="post-metadata">

**Author:** ![ChristophH](https://forum.oxid-esales.com/letter_avatar_proxy/v4/letter/c/ed8c4c/32.png) [@ChristophH](https://forum.oxid-esales.com/u/ChristophH)\
**Post date:** [November 1, 2010, 2:18pm UTC](https://forum.oxid-esales.com/t/wie-bild-auf-der-startseite-einbinden/45582/12 "2010-11-01T14:18:55Z")

</div>

Ohne das Bildmaterial zu kennen oder einen Link, wo man das ganze sehen kann, kann dir kaum einer helfen. Der erste Schritte ist sichererstmal die Grundkenntnisse in Sachen HTML/CSS zu schaffen. Ohne das geht es nicht.

---

<div class="post-metadata">

**Author:** ![rubbercut](https://forum.oxid-esales.com/user_avatar/forum.oxid-esales.com/rubbercut/32/3520_2.png) [@rubbercut](https://forum.oxid-esales.com/u/rubbercut)\
**Post date:** [November 1, 2010, 2:20pm UTC](https://forum.oxid-esales.com/t/wie-bild-auf-der-startseite-einbinden/45582/13 "2010-11-01T14:20:07Z")

</div>

z.B. so

```php
<div><img src="[{ $oViewConf->getResourceUrl() }]bg/deinbild.gif" width="250" height="250" alt="" name="name_des_bildes"></div>

```

---

<div class="post-metadata">

**Author:** ![cherry](https://forum.oxid-esales.com/letter_avatar_proxy/v4/letter/c/da6949/32.png) [@cherry](https://forum.oxid-esales.com/u/cherry)\
**Post date:** [November 1, 2010, 2:33pm UTC](https://forum.oxid-esales.com/t/wie-bild-auf-der-startseite-einbinden/45582/14 "2010-11-01T14:33:09Z")

</div>

Hier der Link für die Seite  
[www.rahmenlaedchen.de](http://www.rahmenlaedchen.de)

Ich weiß da bin ich im Moment dabei mir Grundkenntnisse anzueignen ^^

@rubbercut: Das hat irgendwie nicht funktioniert muss ich hier auf was aufpassen?

---

<div class="post-metadata">

**Author:** ![rubbercut](https://forum.oxid-esales.com/user_avatar/forum.oxid-esales.com/rubbercut/32/3520_2.png) [@rubbercut](https://forum.oxid-esales.com/u/rubbercut)\
**Post date:** [November 1, 2010, 2:40pm UTC](https://forum.oxid-esales.com/t/wie-bild-auf-der-startseite-einbinden/45582/15 "2010-11-01T14:40:12Z")

</div>

Na, scheint doch zu gehen.

---

<div class="post-metadata">

**Author:** ![cherry](https://forum.oxid-esales.com/letter_avatar_proxy/v4/letter/c/da6949/32.png) [@cherry](https://forum.oxid-esales.com/u/cherry)\
**Post date:** [November 1, 2010, 2:47pm UTC](https://forum.oxid-esales.com/t/wie-bild-auf-der-startseite-einbinden/45582/16 "2010-11-01T14:47:52Z")

</div>

Ähm das Bild ist zu groß und ich kanns nicht anpassen…das ist das problem.

---

<div class="post-metadata">

**Author:** ![rubbercut](https://forum.oxid-esales.com/user_avatar/forum.oxid-esales.com/rubbercut/32/3520_2.png) [@rubbercut](https://forum.oxid-esales.com/u/rubbercut)\
**Post date:** [November 1, 2010, 2:53pm UTC](https://forum.oxid-esales.com/t/wie-bild-auf-der-startseite-einbinden/45582/17 "2010-11-01T14:53:28Z")

</div>

Naja, weil ein Fehler drin ist: Nur die obere Quelle (ohne Angaben) ist korrekt: So sollte es gehen-\>

```php
[{$oViewConf->getImageUrl()}]  

```

=

```php
<!--<img src="http://rahmenlaedchen.de/out/basic/img/startseite.jpg" > -->
<div><img src="{$oViewConf->getImageUrl()}]startseite.jpg" width="100" height="100" alt="" name="startseite"></div> 

```

Folgendes kann auch gelöscht werden:

```php
<!--<img src="http://rahmenlaedchen.de/out/basic/img/startseite.jpg" > -->
 

```

---

<div class="post-metadata">

**Author:** ![cherry](https://forum.oxid-esales.com/letter_avatar_proxy/v4/letter/c/da6949/32.png) [@cherry](https://forum.oxid-esales.com/u/cherry)\
**Post date:** [November 1, 2010, 3:04pm UTC](https://forum.oxid-esales.com/t/wie-bild-auf-der-startseite-einbinden/45582/18 "2010-11-01T15:04:52Z")

</div>

Ahhhhhhhh super jetzt hats geklappt, wenigstens mal ein Erfolgserlebnis für nen  
Neuling 🙂  
Danke dir!  
Ich kann jetzt bestimmt auch zwei Bilder nebeneinander einfügen, weil wenn ich jetzt ein zweites einfüge wird es automatisch drunter platziert.

---

<div class="post-metadata">

**Author:** ![rubbercut](https://forum.oxid-esales.com/user_avatar/forum.oxid-esales.com/rubbercut/32/3520_2.png) [@rubbercut](https://forum.oxid-esales.com/u/rubbercut)\
**Post date:** [November 1, 2010, 4:46pm UTC](https://forum.oxid-esales.com/t/wie-bild-auf-der-startseite-einbinden/45582/19 "2010-11-01T16:46:36Z")

</div>

…das geht ohne CSS z.B. so:

```php
<p></p>
<div style="width:580px; text-align:center;"><img src="[{$oViewConf->getImageUrl()}]startseite.jpg" width="220" height="170" alt="" name="startseite"><img src="[{$oViewConf->getImageUrl()}]startseite2.jpg" width="220" height="170" alt="" name="startseite2"></div>

```

---

<div class="post-metadata">

**Author:** ![MEStake](https://forum.oxid-esales.com/letter_avatar_proxy/v4/letter/m/ad7895/32.png) [@MEStake](https://forum.oxid-esales.com/u/MEStake)\
**Post date:** [November 11, 2010, 10:27am UTC](https://forum.oxid-esales.com/t/wie-bild-auf-der-startseite-einbinden/45582/20 "2010-11-11T10:27:40Z")

</div>

Hallo Leute,  
hätte auch eine kurze Frage zur Einbindung einer Grafik auf die Startseite.

Also das Einbinden war überhaupt kein Problem.

Jedoch darf die Grafik, wie hier schon angemerkt, wohl in der Höhe nicht zu groß sein, denn sonst wird sie von den “frisch eingetroffenen Artikeln” überdeckt.

Also wollte ich die frisch eingetroffenen Artikel weiter nach unten verschieben.  
Dazu habe ich in der oxid.css folgenden Code in Zeile 303 geändert:

```auto

#body strong.head2 {margin:0 5px 300px 5px;background: #D5C

```

Also die 300px hab ich da hingemacht. Vorher waren das glaub ich 5 oder 10. Damit wollte ich die Boxen halt um 300px weiter nach unten verschieben, was bei mir ungefähr der Höhe der Grafik entspricht.

Das Positive: Die 4 Boxen mit den 4 neusten Artikeln werden tatsächlich um 300px nach unten verschoben, so wie es sein sollte.  
Das Negative: Die Überschrift “Frisch eingetroffen (mit dem RSS Feed an der Seite)” bewegt sich jedoch kein Stück.  
Firebird zeigt mir an, dass die Überschrift und die Grafiken scheinbar 1 zusammenhängedes Element sind, jedoch werden durch die Änderung nur die Boxen verschoben.

Wie bekomm ich die Überschrift da auch noch verschoben? Bzw. weg?

Habs noch in der start.tpl versucht …

```auto

[{if ($oView->getNewestArticles()|@count)>0 }]
  <strong id="test_FreshInHeader" class="head2">
    [{ oxmultilang ident="START_JUSTARRIVED"}]

    [{if $rsslinks.newestArticles}]
        <a class="rss" id="rss.newestArticles" href="[{$rsslinks.newestArticles.link}]" title="[{$rsslinks.newestArticles.title}]"></a>
        [{oxscript add="oxid.blank('rss.newestArticles');"}]
    [{/if}]
  </strong>
  [{foreach from=$oView->getNewestArticles() item=actionproduct}]
      [{include file="inc/product.tpl" showMainLink=true product=$actionproduct size="small" testid="FreshIn_"|cat:$actionproduct->oxarticles__oxid->value}]
  [{/foreach}]
[{/if}]

```

Aber n Wert für die Positionierung finde ich auch hier nicht.

Weiß jemand Rat?

[Next page](https://forum.oxid-esales.com/t/wie-bild-auf-der-startseite-einbinden/45582.md?page=2)