Bildertitel bzw. Bilderbeschreibung

Hi, da habe ich jetzt noch nichts gefunden. Wenn ich zu einem Artikel mehrere Fotos/Thumbnails bringe, z.B für verschiedene Farben, dann soll da natürlich nicht bei jedem Bild der Artikelname stehen, sondern die Namen der Farben.

Gibt es da vielleicht ein Modul, ich habe gerade Magiczoomplus-Demo installiert, aber da kann man auch nichts eingeben.

tja, alt-text für bilder bei oxid wohl Fehlanzeige:(

nein natürlich nicht :smiley:
für wie viele Bilder brauchst du Beschreibungen? Ich zaubere morgen etwas, wenn ich wieder nüchtern bin :slight_smile:

[QUOTE=vanilla thunder;85590]nein natürlich nicht :smiley:
für wie viele Bilder brauchst du Beschreibungen? Ich zaubere morgen etwas, wenn ich wieder nüchtern bin :)[/QUOTE]

Moin, also standardmäßig kann man sieben Bilder pro Artikel hochladen.

ok, dann gehts auch direkt los:

1. Modul erstellen
im “modules”-Ordner eine neuen Unterordner anlegen => "[I]oxarticle[/I]"
und da drin eine [I]oxarticle_ext.php[/I] mit folgendem Inhalt anlegen:


<?php 
class oxarticle_ext extends oxarticle_ext_parent
{
	public function getPicTitle( $sIndex = 1)
	{
			return $this->{"oxarticles__oxpictitle".$sIndex}->value;
	}
	
}

2. im Backend
Modul eintragen:

oxarticle => oxarticle/oxarticle_ext

falls die oxarticle bereits überladen wird, dann einfach &oxarticle/oxarticle_ext an die bestehende Zeile anhängen

Unter Service => Tools den SQL Code ausführen:


ALTER TABLE  `oxarticles`
ADD  `OXPICTITLE1`   VARCHAR( 255 ) NOT NULL AFTER  `OXPIC1` ,
ADD  `OXPICTITLE1_1` VARCHAR( 255 ) NOT NULL AFTER  `OXPICTITLE1` ,
ADD  `OXPICTITLE1_2` VARCHAR( 255 ) NOT NULL AFTER  `OXPICTITLE1_1` ,
ADD  `OXPICTITLE1_3` VARCHAR( 255 ) NOT NULL AFTER  `OXPICTITLE1_2`,
ADD  `OXPICTITLE2`   VARCHAR( 255 ) NOT NULL AFTER  `OXPIC2` ,
ADD  `OXPICTITLE2_1` VARCHAR( 255 ) NOT NULL AFTER  `OXPICTITLE2` ,
ADD  `OXPICTITLE2_2` VARCHAR( 255 ) NOT NULL AFTER  `OXPICTITLE2_1` ,
ADD  `OXPICTITLE2_3` VARCHAR( 255 ) NOT NULL AFTER  `OXPICTITLE2_2`,
ADD  `OXPICTITLE3`   VARCHAR( 255 ) NOT NULL AFTER  `OXPIC3` ,
ADD  `OXPICTITLE3_1` VARCHAR( 255 ) NOT NULL AFTER  `OXPICTITLE3` ,
ADD  `OXPICTITLE3_2` VARCHAR( 255 ) NOT NULL AFTER  `OXPICTITLE3_1` ,
ADD  `OXPICTITLE3_3` VARCHAR( 255 ) NOT NULL AFTER  `OXPICTITLE3_2`,
ADD  `OXPICTITLE4`   VARCHAR( 255 ) NOT NULL AFTER  `OXPIC4` ,
ADD  `OXPICTITLE4_1` VARCHAR( 255 ) NOT NULL AFTER  `OXPICTITLE4` ,
ADD  `OXPICTITLE4_2` VARCHAR( 255 ) NOT NULL AFTER  `OXPICTITLE4_1` ,
ADD  `OXPICTITLE4_3` VARCHAR( 255 ) NOT NULL AFTER  `OXPICTITLE4_2`,
ADD  `OXPICTITLE5`   VARCHAR( 255 ) NOT NULL AFTER  `OXPIC5` ,
ADD  `OXPICTITLE5_1` VARCHAR( 255 ) NOT NULL AFTER  `OXPICTITLE5` ,
ADD  `OXPICTITLE5_2` VARCHAR( 255 ) NOT NULL AFTER  `OXPICTITLE5_1` ,
ADD  `OXPICTITLE5_3` VARCHAR( 255 ) NOT NULL AFTER  `OXPICTITLE5_2`,
ADD  `OXPICTITLE6`   VARCHAR( 255 ) NOT NULL AFTER  `OXPIC6` ,
ADD  `OXPICTITLE6_1` VARCHAR( 255 ) NOT NULL AFTER  `OXPICTITLE6` ,
ADD  `OXPICTITLE6_2` VARCHAR( 255 ) NOT NULL AFTER  `OXPICTITLE6_1` ,
ADD  `OXPICTITLE6_3` VARCHAR( 255 ) NOT NULL AFTER  `OXPICTITLE6_2`,
ADD  `OXPICTITLE7`   VARCHAR( 255 ) NOT NULL AFTER  `OXPIC7` ,
ADD  `OXPICTITLE7_1` VARCHAR( 255 ) NOT NULL AFTER  `OXPICTITLE7` ,
ADD  `OXPICTITLE7_2` VARCHAR( 255 ) NOT NULL AFTER  `OXPICTITLE7_1` ,
ADD  `OXPICTITLE7_3` VARCHAR( 255 ) NOT NULL AFTER  `OXPICTITLE7_2`

Views updaten

3. Admin Template
out/admin/tpl/article_pictures.tpl Zeile ~125 rum so ergänzen: (Magenta= neu)


<td class="edittext">
   <input class="editinput" name="myfile[M[{$iIndex}]@oxarticles__oxpic[{$iIndex}]]" type="file"> 
   <input class="editinput" name="editval[oxarticles__oxpictitle[{$iIndex}]]" type="text" value="[{ $edit->getPicTitle($iIndex) }]">
</td>

und damit bei kleiner Bildschirmauflösung die “Löschen” und “Vorschau” texte nicht so komisch umbrechen habe ich sie als Titel gemacht:


<a href... ><span class="ico"></span><span class="float: left;>">[{ oxmultilang ident="GENERAL_DELETE" }]</span></a>
...
...
<a href... ><span class="ico"></span><span class="float: left;>">[{ oxmultilang ident="ARTICLE_PICTURES_PREVIEW" }]</span></a>

wird zu


<a href.... ><span class="ico" title="[{ oxmultilang ident="GENERAL_DELETE" }]"></span></a>
....
....
<a href... ><span class="ico" title="[{ oxmultilang ident="ARTICLE_PICTURES_PREVIEW" }]"></span></a>

4. Frontend Template

Im Frontend bekommt man die Titel mit der Funktion getPicTitle( x ) wobei x für die Bildnummer steht.

Würde man jetzt die Titel bei “other pictures” auf der Produktdetailseite einbauen wollen, wäre das in [I]out/azure/tpl/page/details/inc/morepics.tpl[/I] folgende Zeile innerhalb der foreach-Schleife (Zeilen 6 bis 13)

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

dann nur noch das Magiczoomplus configurieren, dass er sich den Titel aus irgendeinem Attribut holt oder die CSS anpassen und das wars auch schon.

Hi Vanilla,
supertolle Arbeit und Doku, vielen Dank dafür.
Leider hakt es bei mir bei Schritt 4, weil es in 4.4.8 keine morepics.tmp gibt. Weißt du da noch ne Lösung? Ansonsten werde ich mich wohl nochmal intensiver mit der Update-Geschichte beschäftigen müssen.:wink:

dann schau mal in die out/…dein template…/tpl/details.tpl
im basic template ist das in der Zeile 307, der Aufruf müsste dann mit [{$product->getPictureTitle()$ipicnr) }] gehen, aber ich hab bis jetzt nur auf 4.5.8 getestet.

Hallo Vanilla,

das Thema ist eigentlich nun doch schon ein paar Monate alt aber als absoluter Neuling habe ich zu Deiner Lösung doch zwei Fragen.

Bei Schritt 4 in der morepics.tpl komme ich nicht weiter, wie müsste die komplette Zeile lauten? Ebenso bin ich bei Magiczoomplus oder mit der css-Datei überfordert. Welche Anpassungen müssten hier erfolgen?

Über Deine Hilfe wäre ich sehr erfreut!

Vielen Dank Erik

ich nehme mal an, es geht um eine neuere Shop Version und Azure Theme, oder?

Hallo Vanilla,

ging ja schnell und genau ist es die Version 4.6.3.

Viele Grüße Erik

ich werde das mal aktualisieren, wird heute aber eher nix mehr, da ich gleich zum Meeting muss und dann noch gucken wo ich das in einem aktuellen Template unterbringen kann.

Ich merk, hier ist ein Profi am Werk!

Vielen Dank schon mal und gutes Gelingen im Meeting!

Viele Grüße Erik

Danke! :slight_smile:

“Profi” ist aber etwas übertrieben. In einem Jahr vielleicht, bis dahin aber noch Azubi :smiley:

Hallo Vanilla,

Meeting von vorgestern gut überstanden? Hattest Du eventuell schon mal die Zeit bezüglich der Aktualisierung? :wink:

Viele Grüße Erik

Hey,
die Aktualisierung an sich ist fertig, nur kriege ich den Titel ums Verrecken nicht in diesem Zoom-Kasten angezeigt :frowning:

ich lade mal hoch, was ich bisher habe:
einfach in den Modul Ordner reinpacken und der Rest steht wenn man im Shop auf Erweiterungen -> Module -> Überschriften für Artikelbilder geht

Hallo Vanilla,

sollten dann die Änderungen von der ersten Seite wieder rückgangig gemacht werden (DB-Eintrag etc.)?

ah ja, der DB Eintrag ist 1:1 so geblieben und den kannst du lassen, die restlichen Änderungen braucht man nicht mehr.

TOP, funktioniert einwandfrei! Vielen Dank Vanilla!

Eine Frage habe ich noch, gibt es auch die Möglichkeit mehr Text zu den Bildern unterzubringen?

Es geht bei mir um Gehäuse für PC´s und eine Art Aufzählung der Besonderheiten für das entsprechende Gehäuse in der Bildbeschreibung wäre toll, in etwa so:

Midi-Tower ATX mit:

  • mit 2x Front USB und Front-Sound
  • obenliegende Bedienelemente
  • Einschübe: 3x Laufwerk extern, 1x Floppy
    bzw. Cardreader extern und 6x Festplatte intern
  • Farbe: schwarz
  • Maße: 425 x 180 x 470 mm (HxBxT)

Leider akzeptiert die Bildbeschreibung (Eingabefeld) keinen Zeilenumbruch. Hast Du da eventuell auch eine Idee?

Viele Grüße Erik

puh, in diesem Fall würde ich die Produktmerkmale in die Produkt(kurz)beschreibung reintun, damit du sie auch problemlos im Warenkorb anzeigen könntest (Stichwort: Button-Lösung)

Mehr Text unter den Bildern wäre an sich kein Problem, aber nicht mit dem OXID standard Cloud-Zoom-Script,

Ich wollte mit Auswahllisten zu den jeweiligen PC-Systemen verschiedene Gehäuse anbieten, die können sich die Kunden dann aussuchen, hier wären die Merkmale bei den Bildbeschreibungen ganz praktisch. Eventuell gibt es auch eine andere Lösung? Mit OXID-Bordmitteln habe ich noch keine praktikable Ansatz gefunden. Mit Varianten wird mir das dann schnell zu unübersichtlich.

Ich habe momentan keine Idee :frowning:

Viele Grüße Erik