Icon für neu erscheinende Produkte in Magento

Gehen Sie sicher, dass Ihre Kunden neu erscheinende Produkte in Ihrem Shop sofort erkennen.

Steffen Schmitt Foto

Steffen Schmitt

Software Architect

Kennzeichnen Sie Ihre neusten Produkte mit einem Icon, um Ihnen mehr Aufmerksamkeit zukommen zu lassen. Dazu gehen Sie zunächst unter‌ <Attributes>‌ auf _<Manage Attributes>_‌ und erstellen Sie eine neues Attribut mit Namen „Boolean“ und stellen Sie die ID auf‌ new_product. Stellen Sie die Option unter den erweitereten Optionen auf‌ <frontend>. Fügen Sie das neu erstellte Attribut Ihrem‌ custom_attribut‌ zu. Wenn Sie keines Nutzen, dann weisen Sie es Ihrem default zu. Nun müssen Sie noch dafür sorgen, dass das neue Produkt-Icon auch im Frontend angezeigt wird. Dazu öffnen Sie‌ nachfolgende Templates: templates/catalog/product/list.phtml‌ und templates/catalog/product/view/media.phtml.

 

<div>
	<?php if($_product->getNewProduct()) { ?>
	 	<div></div>
	<?php } ?>
	<?php
		$_img = '<img id="image" src="'.$this->helper('catalog/image') ->init($_product, 'image').'"
								 alt="'.$this->htmlEscape($this->getImageLabel()).'"
	                             title="'.$this->htmlEscape($this->getImageLabel()).'" />';
		echo $_helper->productAttribute($_product, $_img, 'image');
	?>
</div>

 

Nun müssen Sie Ihre‌ product_class‌ an das Icon anpassen. Dazu verwenden Sie folgenden Code:

 

.products-grid .product-image {
  position: relative;
  display: block;
  width: 244px;
  position: absolute;
  right: 0;
  top: 0;
  width: 65px;
  height: 66px;
  display: block;
  z-index: 2;
  background: url(../images/new-product.png) no-repeat;
}

 


Speichern Sie Ihre Änderungen unbedingt. Von nun an werden neue Produkte im Frontend mit einem Neu-Icon angezeigt und werden schneller von Ihren Kunden wahrgenommen.