Produktliste -> on hover Bildwechsel, zweites Bild

texas123 · March 16, 2012, 1:58pm

Hallo,

gerne möchte ich für jedes Produkt auf der Seite mit der Liste der Produkte bei Mausberührung/hover ein zweites Bild einblenden.

Ich habe also ein bild, das die Vorderseite zeigt und ein zweites, welches ein Detail/die Rückseite zeigt. Die Bilder habe ich ja vorher über die Administration hochgeladen.

Ich habe es so versucht:

$product->getThumbnailUrl(0)
$product->getThumbnailUrl(1)

in beiden Fälle wird das selbe, erste Bild ausgegeben.

Beide Bilder müssten ja auch die gleichen Dimensionen besitzen, damit ich Sie richtig übereinander legen kann.

Weiß jemand Rat? Danke!

vanilla_thunder · March 19, 2012, 5:18pm

In der Source Code Doku kannst du nachlesen, was die einzelnen Funktionen bewirken.
=> http://docu.oxid-esales.com/CE/sourcecodedocumentation/

du könntest es auch mit getZoomPictureUrl() versuchen
oder direkt mit $product->oxarticles_oxpic1->value

decorami · December 11, 2020, 4:02pm

Moin zusammen,

wir haben so etwas ähnliches geplant wie der Herr texas123, beißen uns aber noch ein bisschen die Zähne daran aus, dass alle Zweit- und Drittbilder in unterschiedlichen Ordnern gespeichert werden bzw. es keinen einheitlichen Thumbnail-Ordner wie für das Erstbild existiert.

Hat jemand vielleicht eine Idee wie man in der Produktliste den Link zum Zweitbild abfragen kann, sodass man nur noch $product->oxarticles_oxpic1->value hinten dran hängen muss?

Unser System: OXID 4.10.8 CE, Flow Theme

indianer3c · December 11, 2020, 5:34pm

Moin

Ihr findet im Cheat für OXID eShop hier eine gute Übersicht OXID Forge – The knowledge base of the OXID eShop wie man z.B. auf Bilderverzeichnisse zugreift.

Ihr könntet so Euren Link selber aufbauen z.B.

<img src="[{ $oViewConf->getPictureDir() }] generated/product/1/ [{ $product->oxarticles_oxpic1->value }]" />

Zusätzlich könnte man im Flow Theme sich Beispeile angucken wie sonst das Bild zum Produkt geladen wird z.B.

[{$oPictureProduct->getPictureUrl($iPicNr)}]

github.com

OXID-eSales/flow_theme/blob/d0abc0bdbb2617c7e7066dc90bbbb63973c59a33/tpl/page/details/inc/morepics.tpl#L17


      
                  [{oxstyle include="css/libs/jquery.flexslider.min.css"}]
              [{/if}]
          
              <div class="otherPictures[{if $iMorePics > 4}] flexslider[{/if}]" id="morePicsContainer">
                  <ul class="[{if $iMorePics > 4}]slides[{else}]list-inline[{/if}]">
                      [{oxscript add="var aMorePic=new Array();"}]
                      [{foreach from=$oView->getIcons() key="iPicNr" item="oArtIcon" name="sMorePics"}]
                          [{assign var="sPictureName" value=$oPictureProduct->getPictureFieldValue("oxpic", $iPicNr)}]
                          [{assign var="aPictureInfo" value=$oConfig->getMasterPicturePath("product/`$iPicNr`/`$sPictureName`")|@getimagesize}]
                          <li>
                              <a id="morePics_[{$smarty.foreach.sMorePics.iteration}]" [{if $smarty.foreach.sMorePics.first}] class="selected"[{/if}] href="[{$oPictureProduct->getPictureUrl($iPicNr)}]" data-num="[{$smarty.foreach.sMorePics.iteration}]"[{if $aPictureInfo}] data-width="[{$aPictureInfo.0}]" data-height="[{$aPictureInfo.1}]"[{/if}] data-zoom-url="[{$oPictureProduct->getMasterZoomPictureUrl($iPicNr)}]">
                                  <img src="[{$oPictureProduct->getIconUrl($iPicNr)}]" alt="morepic-[{$smarty.foreach.sMorePics.iteration}]">
                              </a>
                          </li>
                      [{/foreach}]
                  </ul>
              </div>
          [{/if}]