Mit diesem Tutorial können Konfigurator-Optionen eigene Bilder erhalten. Wenn Sie z.B. T-Shirts in verschiedenen Farben und Größen anbieten, ist es hiermit möglich bei der Auswahl der Farbe "Blau" wirklich das blaue T-Shirt darzustellen.

Öffnen Sie die Datei /engine/core/class/viewports/s_detail.php

Fügen Sie vor:

 
$variables = array(
"sBreadcrumb"=>$categoryBreadcrumb,
"sCategoryInfo"=>$categoryBreadcrumb[$catindex],
"sArticle"=>$sArticle,
"sErrorFlag"=>isset($sErrorFlag) ? $sErrorFlag : ""
);
 

ein:

 
foreach ($sArticle["sConfigurator"] as $key => $group){
	foreach ($group["values"] as $key2 => $option){
		if (!empty($option["selected"])){
			$referenceImages[strtolower($group["groupname"].":".$option["optionname"])] = true;
		}
	}
}
$foundImage = false;
foreach ($referenceImages as $key => $value){
	if (strtolower($sArticle["image"]["res"]["relations"]) == strtolower($key)){
		$foundImage = true;
		unset($sArticle["images"]);
		break;
	}
}
if (empty($foundImage)){
	// Searching additional images
	foreach ($referenceImages as $key => $value){
		foreach ($sArticle["images"] as $imageKey => $image){
			if (strtolower($sArticle["images"][$imageKey]["relations"]) == strtolower($key)){
				// Found image
				$sArticle["image"] = $sArticle["images"][$imageKey];
				unset($sArticle["images"][$imageKey]);
				break;
			}
		}
	}
}
 

Laden Sie die verschiedenen Bilder in Ihren Konfigurator-Artikel Klicken Sie auf das Stift-Symbol. Geben Sie bei Zuordnung die Konfigurator-Gruppe und die Konfigurator-Option ein, für die das Bild angezeigt werden soll: Beispiel: Sie haben eine Konfigurator-Gruppe mit der Bezeichnung "Farbe" und 3 Optionen "Blau,Grün,Rot". Geben Sie also in das Feld Zuordnung folgendes ein:

• Rote Abbildung: Farbe:Rot
• Grüne Abbildung: Farbe:Grün
• Blaue Abbildung: Farbe:Blau

Im Shop wird nun nur noch das zur jeweiligen Farbe passende Bild angezeigt.