Produktkonfiguration über Bilder

[klaus43]

Hallo,

ich habe jetzt endlich eine gute Anleitung gefunden, wie man sein Produkt über Bilder konfigurieren kann. Magento - Wiki - HOWTO: Add Colour Swatches with Tooltips to Configurable Products

ein Beispiel: http://www.scrubline.com/scrub-jacke...et-jacket.html

Leider komme ich ab Punkt 5 nicht weiter. Den oberen Teil habe ich soweit verstanden. 1. die beiden *.phtml Dateien anpassen, denn Style in die boxes.css einfügen, aber dann ...?

Falls mir jemand weiter helfen kann, wäre wirklich super !!!


Gruß
Klaus

[rack::SPEED]

Ich habe mir die Anleitung soeben einmal angesehen. Soweit ich das Ganze verstanden habe müssen die "Swatches" (Farbfelder, s. Anhang) erstellt werden.

Die Dateinamen müssen dabei genauso lauten wie die Farbnamen, allerdings ohne Leerzeichen, Backslashes und anderen nicht alpha-nummerischen Zeichen. Die Bilder müssen im .jpg Format im Ordner /media/catalog/colours/ gespeichert werden und sollten 48px x 48px groß sein.

[rack::SPEED]

Ich glaube hier ist die fertige (kostenpflichtige) Extension dazu: Color Swatches: Magento Extension, Magento Plug-in

[klaus43]

Hallo,

habe es soweit hinbekommen, allerdings erscheinen die Auswahlbilder unter dem Basis Image.

<div class="product-img-box">
            <?php echo $this->getChildHtml('media') ?>
                <?php if($_product->isConfigurable()){
                        echo '<div class="more-views"><h3>Colour Options</h3><ul>';
                        $colours = array();
                        $temp =  new Mage_Catalog_Block_Product_View_Type_Configurable();
                        $_assProducts = Mage::helper('core')->decorateArray($temp->getAllowProducts());
                        foreach($_assProducts as $_assProduct){
                                $tempProduct = Mage::getModel('catalog/product');
                                $tempProduct->load($_assProduct->getId());
                                array_push($colours, $tempProduct->getAttributeText('color'));
                                array_push($colours, $tempProduct->getAttributeText('OTHER_COLOUR_ATTRIBUTE'));
                        }
                        $colour_swatch = array_unique($colours);
                        foreach($colour_swatch as $colour_pick){
                                if ($colour_pick!=NULL) {
                                        $colour_filename = preg_replace("/[^a-zA-Z0-9]/", "", $colour_pick);
                                        echo '<li> <div onMouseover="ddrivetip('.$colour_pick.')"; onMouseout="hideddrivetip()"><img src="' . $this->getUrl() .'/media/catalog/colours/'.$colour_filename.'.jpg" alt="'.$colour_pick.'" width="48" height="48" title="'.$colour_pick.'" /></div></li>';
                                }
                        }
                        echo '</ul></div>';
                } ?>
        </div>

Würde gerne die Bilderauswahl unter das jeweilige DropDownMenu setzen (siehe Beispiel ScrubLine.com - Urbane Scrubs, Nursing Scrubs and Medical Uniforms)

In welcher Datei muss ich das machen (auch view.phtml ???) und wie muss der Code dafür aussehen ?

Gruß
Klaus

[rack::SPEED]

Das müsste sich mit CSS oder einer Änderung im Quellcode erreichen lassen, wie genau müsste man sich allerdings an- bzw abgucken...

Gibt es einen Link bzw. Screenshot von der aktuellen Ansicht?

[[r::S]Brigitte]

Hallo Klaus,

konntest du dein Problem lösen??

Braucht man dafür tatsächlich die kostenpflichtige Extension ?

Könntest du netter Weise eine Anleitung hier posten??

Das Anlegen der Farben ist mein nächstes "to do", und ich weiß noch nicht, wie ich es in Angriff nehmen soll.

[[r::S]ShadesOfPink]

Schön hier noch mehr Leute mit Farbproblemen zu finden.

Die Anleitung habe ich versucht direkt am Anfang nachzustellen, aber leider gibt es so gar keine Möglichkeit diese Bilder mit dem Artikel direkt zu verknüpfen und so auch anklickbar zu machen.
Selbst mit einem PHP/MYSQL Spezi an der Seite konnte ich die Anleitung nicht nach meinen Wünschen konfigurieren...

Falls dies doch jemandem gelungen sein sollten und vorallem anklickbar...wäre das ein Meilenstein.
Ansonsten werde ich wohl irgendwann doch in die Kostenpflichte Extension investieren....denn im Grunde suche ich nach genau der Lösung bin aber selbst einfach zu unsicher in diesem Metier um mir selber was zu basteln.

[rack::SPEED]

Um JS wirst du dabei nicht herum kommen. Ich empfehle dir jQuery: The Write Less, Do More, JavaScript Library da man ohne Vorkenntnisse in Sachen JS und wenig Code viel machen kann.

Theoretischer Plan:

1. Alle Bilder auswählen: API/1.3/Selectors - jQuery JavaScript Library => Attribute Filters
2. Den ausgewählten Elementen eine "Klick-Funktion" zuweisen: Events/click - jQuery JavaScript Library => click()
3. Select-Box entsprechend manipulieren: API/1.3/Attributes - jQuery JavaScript Library => attr(key, value)

So oder so ähnlich müsste das Ganze funktionieren. - Ich habe mit Jquery und ca. 15 Zeilen Code eine komplette "Drag & Drop Mehrfach-Domainbestellung" programmiert, leider war die Funktion "zu intuitiv" und wurde demnach nicht genutzt.

[[r::S]Brigitte]

Gibt es Neuigkeiten an der Front???
Bzw. konntet ihr eine Lösung finden???