Categories

Ausgewählte Vorlagen

PrestaShop 1.6.x. Wie man den benutzerdefinierten Bildtyp zu bestimmten Produkten hinzufügt

Andre Flores Dezember 14, 2015
Rating: 5.0. From 2 votes.
Please wait...

Guten Tag! Von diesem Tutorial erfahren Sie, wie man den benutzerdefinierten Bildtyp zu bestimmten Produkten in PrestaShop hinzufügt.

PrestaShop 1.6.x. Wie man den benutzerdefinierten Bildtyp zu bestimmten Produkten hinzufügt

Wenn Sie möchten, den benutzerdefinierten Bildtyp erstellen und auf bestimmte Bilder verwenden, führen Sie die folgenden Schritte aus.

Loggen Sie sich ins Prestashop Control Panel ein.

  1. Finden Sie den Tab Einstellungen -> Bilder (Preferences ->Images):

    prestashop_apply_custom_image_type_to_specific_products_1

  2. In dem DropDownFenster drücken Sie auf den Button “Neuen Bildtyp hinzufügen” (Add new image type) in der oberen rechten Ecke:

    prestashop_apply_custom_image_type_to_specific_products_2

  3. Nachdem das Fenster zum Hinzufügen des neuen Bildtyps geöffnet wird, füllen Sie alle erforderlichen Felder aus. Überzeugen Sie sich, dass die Einstellung “Produkte" (Products) den Wert “Ja” (Yes) hat. Andere Einstellungen müssen den Wert “Nein” (No) haben. Drücken Sie auf den Button “Speichern” (Save) in der unteren rechten Ecke, um die vorgenommenen Änderungen zu übernehmen:

    prestashop_apply_custom_image_type_to_specific_products_3

Der benutzerdefinierte Bildtyp wurde erfolgreich hinzugefügt.

Lassen Sie uns diesen Bildtyp auf andere Produktgruppen verwenden.

Wir können, zum Beispiel, den erstellten Bildtyp auf den Block Neuzugänge (New Arrivals) auf der Startseite verwenden:

prestashop_apply_custom_image_type_to_specific_products_4

  1. Finden Sie die Klasse (class) von Produktbildern, indem Sie die Erweiterung Firebug für Firefox oder Entwicklerwerkzeug (Developer’s tool) für einen anderen Browser nutzen:

    prestashop_apply_custom_image_type_to_specific_products_5

  2. Nutzen Sie Total Commander oder einen anderen FTP-Kunden (FTP client), der es Ihnen ermöglicht, einen Text in den Dateien einer bestimmten Klasse zu finden.

Finden Sie die Datei blocknewproducts.tpl

Öffnen Sie sie zur Bearbeitung und finden Sie in dieser Datei die Codezeile:

	<img class="replace-2x img-responsive" src="{$link->getImageLink($newproduct.link_rewrite, $newproduct.id_image, 'tm_small_default')|escape:'html'}" alt="{$newproduct.name|escape:html:'UTF-8'}" />

prestashop_apply_custom_image_type_to_specific_products_6

Achten Sie darauf, dass der Bildtyp im Attribut “src” definiert wird:

src="{$link->getImageLink($newproduct.link_rewrite, $newproduct.id_image, 'tm_small_default')|escape:'html'}"

Ersetzen Sie den Text tm_small_default durch den Namen des erstellten von Ihnen Bildtyps – custom_default:

prestashop_apply_custom_image_type_to_specific_products_7

Speichern Sie die Datei, um die vorgenommenen Änderungen zu übernehmen.

Um die vorgenommenen Änderungen auf der Website darzustellen, sollen Sie Vorschaubiler noch einmal (thumbnails regeneration) erstellen.

  1. Kehren Sie zum Tab Bildeinstellungen (images preferences) im Prestashop Control Panel zurück.

  2. Scrollen Sie nach unten und drücken Sie den Button “Bilder noch einmal erstellen” (Regenerate images) in der rechten unteren Ecke:

    prestashop_apply_custom_image_type_to_specific_products_8

Nachdem Sie die Benachrichtigung über den erfolgreichen Abschluss des Prozesses gesehen haben, öffnen Sie Ihre Website und aktualisieren Sie die Seite.

Der benutzerdefinierte Bildtyp wurde erfolgreich zum Produktblock Neuzugänge (New Arrivals) hinzugefügt:

prestashop_apply_custom_image_type_to_specific_products_9

Dieses Tutorial ist jetzt zu Ende. Sie können jetzt selbst den benutzerdefinierten Bildtyp zu bestimmten Produkten in Ihrer Prestashop Vorlage hinzufügen.

Sie können auch das ausfuhrliche Video-Tutorial nutzen:

PrestaShop 1.6.x. Wie man den benutzerdefinierten Bildtyp zu bestimmten Produkten hinzufügt

Prestashop Templates
Dieser Eintrag wurde um PrestaShop Tutorials geschrieben und custom, image, Prestashop, product, specific, type markiert. Bookmarken Sie den permalink.

Submit a ticket

Sollte Ihre Frage durch die Tutorials nicht ausreichend beantwortet worden sein, benutzen Sie bitte den folgenden Link, um sich an unser Beratungsteam (Support) zu wenden. Wir bieten Ihnen unsere Hilfe und Unterstutzung an. 24 Stunden am Tag, 7 Tage die Woche!
Ticket Einrichten