Produktbilder Galerie mit Yootheme Pro

Anpassung an PHTML-Dateien, CSS, Javascript und HTML

Moderator: maennchen1.de

Antworten
Benutzeravatar
redmoskito
Beiträge: 48
Registriert: 05.12.2020, 22:16
Lizenz: wpShopGermany Pro
Kontaktdaten:

Produktbilder Galerie mit Yootheme Pro

Beitrag von redmoskito »

Ich habe das Theme Yootheme Pro im Einsatz und würde dies gerne so anpassen, dass ich alle Produktbilder als Thumbnails angezeigt bekomme. Per Klick sollte dann das entsprechende Bild vergrößert angezeigt werden.

Hat das jemand schon mal angepasst bzw. umgebaut?
Benutzeravatar
maennchen1.de
Administrator
Beiträge: 17869
Registriert: 14.08.2003, 16:55
Lizenz: wpShopGermany Enterprise
Wohnort: Thüringen, Ellersleben
Kontaktdaten:

Re: Produktbilder Galerie mit Yootheme Pro

Beitrag von maennchen1.de »

Hallo!
wpShopGermany nutzt nicht das Theme, sondern eigene PHTML-Dateien zur Darstellung der Produkte.
Die Anpassungen kannst du in der Datei (user_)views/produkttemplates/standard.phtml machen.

Lies dir diesbezüglich auch diesen Artikel durch: https://doc.maennchen1.de/docs/wpshopge ... alisieren/
Kein Support per PN! Alle Fragen beantworten wir hier im Forum. Per PN bitte nur Passwörter, Namen und URLs - sofern notwendig.
Bitte vor dem posten lesen:
Wie poste ich eine Frage zu einem Problem?
FAQ / häufig gestellte Fragen
Anzeige-Fehler / Funktionsfehler in wpShopGermany erkennen und selbst beheben
PHTML-Dateien richtig verwenden (für eigene Anpassungen)
Benutzeravatar
redmoskito
Beiträge: 48
Registriert: 05.12.2020, 22:16
Lizenz: wpShopGermany Pro
Kontaktdaten:

Re: Produktbilder Galerie mit Yootheme Pro

Beitrag von redmoskito »

Vielen Dank für die Info! Damit konnte ich die Galerie umsetzen. :-)
Bild
Benutzeravatar
maennchen1.de
Administrator
Beiträge: 17869
Registriert: 14.08.2003, 16:55
Lizenz: wpShopGermany Enterprise
Wohnort: Thüringen, Ellersleben
Kontaktdaten:

Re: Produktbilder Galerie mit Yootheme Pro

Beitrag von maennchen1.de »

Sauber!
Wenn du möchtest, darfst du hier gern deine Erkenntnisse teilen. Es gibt bestimmt ein paar Leute, denen das gefallen dürfte... :)
Kein Support per PN! Alle Fragen beantworten wir hier im Forum. Per PN bitte nur Passwörter, Namen und URLs - sofern notwendig.
Bitte vor dem posten lesen:
Wie poste ich eine Frage zu einem Problem?
FAQ / häufig gestellte Fragen
Anzeige-Fehler / Funktionsfehler in wpShopGermany erkennen und selbst beheben
PHTML-Dateien richtig verwenden (für eigene Anpassungen)
Benutzeravatar
redmoskito
Beiträge: 48
Registriert: 05.12.2020, 22:16
Lizenz: wpShopGermany Pro
Kontaktdaten:

Re: Produktbilder Galerie mit Yootheme Pro

Beitrag von redmoskito »

Ich habe mir unter wp-content/uploads/wpsg/user_views/produkttemplates/redmoskito.phtml eine eigene Vorlage erstellt (angepasste Kopie der Datei unter wp-content/plugins/wpshopgermany-free/views/produkttemplates/standard.phtml).

Dort habe ich dann den Teil der Produktbilder wie folgt für das Yootheme Pro Template angepasst:

Code: Alles auswählen

		
<div class="uk-child-width-1-3 uk-child-width-1-4@s" uk-grid uk-lightbox="animation: scale">

	<?php $i = 0; foreach ($arAttachmentIDsAll as $attachment_id) { ?>						
	<div>
		<a class="uk-inline" href="<?php echo wp_get_attachment_url($attachment_id); ?>" data-caption="<?php echo $this->view['data']['name']; ?>: <?php echo $this->view['data']['shortdesc']; ?>">
			<img src="<?php echo wp_get_attachment_image_src($attachment_id,'thumbnail')[0]; ?>" alt="">
		</a>
	</div>
	<?php $i ++; } ?>
</div>
Unbenannt.PNG
Beim Klick auf ein Thumbnail öffnet sich dann eine Lightbox mit dem Vollbild.

Vielleicht hilft das ja... ;-)
Bild
Antworten