Konfigurator Einbindung auf Seite

[hedon02]

  mein Fehler. Die Aenderung ist natuerlich in der:

"templates/<dein Template>/module/product_options/product_options_dropdown.html"

vorzunehmen.

Aber auch da sollst Du lediglich dem "select" eine "Id" verpassen.

Gruesse

[sims]

@ hedon02

Danke für deine Hilfe.
Ich komme nur mit deiner Aussage:

Der Rest ist nur noch Anpassung von z.B.: "case '1010':" mit den "<select option="value="1010"> und der entsprechenden "id="neopren1".

nicht klar.

Habe jetzt folgenden Code drinn:

Code: Javascript  [Auswählen]

 $("#select_id-1").change(function(){switch ($(this).val()){
         case '1010':$('#neopren1').removeClass('displayno');
$('#neopren2, #neopren3, #neopren4, #neopren5, #neopren6, #neopren7, #neopren8, #neopren9,  #neopren10, #neopren11, #neopren12, #neopren13, #neopren14, #neopren15,#neopren16').addClass('displayno');
break;

und weiß nicht genau wie ich den abändern soll?

[hedon02]

Du erstellst die Produkt-Attribute (z.B. Gurtband) im Backend. Die im Template ausgewiesenen "selects" bekommen durch die 1.Aenderung eine fortlaufende "Id", die vom "JS" ausgelesen werden kann.

Die verschiedenen "Optionen" des Gurtbandes (weiss/gelb...usw) haben eine fortlaufende "option value="Zahl"  (1, 2, 3...usw). - Schau in den Quelltext und Du wirst die Zahlen sehen.

Diese Zahl entspricht dem " case '1010': " im "JS", d.h. Du musst lediglich das '1010' aendern in die richtige "option value Zahl".

Also Farbe rot hat vielleicht -option=value="1"- der "case" ware dann -case '1'- und das Produktbild "rot" braeuchte dann die "id=neopren1".

Gruss

[sims]

Ok, habe die Änderungen durchgeführt.
Mein größtes Problem ist aber immer noch, dass ich den
containerone nicht auf der Seite angezeigt bekomme.

Dort sollten doch die Bänder usw. zu sehen sein.
Habe schon mit Firebug geschaut, der containerone ist quasi
nicht vorhanden.

Containertwo wo ich die Bänder auswählen kann ist da.

Wie bekomme ich dass nun wieder hin?

[hedon02]

?... . Der Container spielt gar keine Rolle. Du musst doch lediglich die Produktbilder mit der entsprechenden "id" in die "product_info_blablabla.html" einbinden.

Das ist alles kein Hexenwerk..., mit ein bischen logischem Denken bekommt man das schon hin.

In Deinem Falle:

Code: XML  [Auswählen]

<div class="containeristegalwieichheisse">
  <img src="{$tpl_path}img/halsband/rot.jpg" alt="{$PRODUCTS_NAME}" class="displayno" id="neopren1" />
</div>
 

Die Bilder muessten dann in einen Ordner mit dem Pfad "templates/<dein template>/img/halsband/".

Gruesse

[sims]

Du bist SPITZE!

Also mach mich gelich ans Werk. Von den ganzen Codezeugs habe ich leider zu wenig Ahnung.
Hab zwar Bücher wie CSS,PHP,HTML Programmierung zu Hause aber noch keine Zeit zum lesen gehabt.

Bei der Netzwerktechnik kenne ich mich besser aus oder auch bei DOS Befehlen!
Immerhin bin ich mit DOS groß geworden

DANKE nochmals für deine geduldige Hilfe, ohne dich hätte ich das nie geschafft.

LG, sims

[hedon02]

...mal noch eine kleine Verstaendnisfrage meinerseits. Ich habe mir mal Deinen Shoplink angeschaut. Du moechtest doch nicht den "Konfigurator" in die "product_listing" einbauen?

Das ware ja voellig widersinnig, da ein konfiguriertes Halsband dann nicht in den Warenkorb gelegt werden koennte.

Die ganzen Hinweise und Aenderung basieren logischerweise auf einem Einbau in der Produkt-Detailseite. Naemlich nur dort kann man ein Produkt konfiguieren und dann mit den entprechenden Attributen in den Warenkorb legen.

Gruss

[sims]

Doch, dass wollte ich. Habe nicht gewußt dass es da nicht funktioniert.
Wo würdest du den reinstellen? Bzw. wo gehört er rein?
Habe schon genauer gelesen!

Habe ja alles funktionierend auf der HDD mit index.html und funzt wunderbar.
Ich dachte ich stell die index.html rein und gut ist's, nur läuft das nicht.

Wäre ja toll wenn ich eine Einbauanleitung hätte aber die gibt's leider nicht.

[hedon02]

Schau Dir mal das an. Das Modul ist was Du eigentlich am besten verwenden kannst.

http://www.modified-shop.org/forum/index.php?topic=18296

Gruss

[sims]

@hedon02

Danke für den Link. Ist leider nicht möglich Bilder übereinander zu legen.

Schau mal auf www.netbuster.at

Das habe ich derzeit, leider habe ich übersehen dass es mit dem Warenkorb nicht funktioniert.
Könntest du so etwas anfertigen?

Natürlich auch gegen Bezahlung!

lg, sims

[hedon02]

  du bist noch nicht wirklich mit modified eCommerce Shopsoftware vertraut, das ist ein Problem wenn man selbst Module abwandeln moechte.

Natuerlich funktioniert dein Modul nicht in der "product_listing.html", sondern nur in der eigentlichen Artikel-Detailseite.

...du legst im "Backend" von Deinem Shop die Atrikeloptionen an und wandelst das Modul so um, dass es mit diesen "Artikeloptionen" arbeitet....Wie das funktioniert, habe ich Dir bereits geschrieben. Alle Aenderungen basierten ja auf der Annahme das Modul in die Produktdetailseite (product_info_bla.html) einzubauen.

...aber ist wohl eine gute Idee, wenn Du eine Jobanfrage an Tomcraft und Co machst. (Dann lass Dir das aber auf Basis des Moduls machen, von dem ich den Link gepostet habe)

Gruesse

[Headline]

Hallo zusammen,
ich finde den Gedanken auch sehr reizvoll attributbilder übereinander zu legen. Und habe versucht das nach zu bauen. Aber sobald ich das JS einbaue bekomme ich gar nichts mehr angezeigt. Wo gehört das eigentlich hin?
Oder @sims
bei dir funktioniert es ja, kannst Du nicht einmal alle schritte dokumentieren und bereit stellen?
Ich glaube daran dürften mehrere hier interesse haben.

[web0null]

Hi,
Ist ein bisschen viel JS code, das würde auch reichen pro #select_id....

Code: Javascript  [Auswählen]

$("#select_id-1").change(function(){
          $('.neopren').addClass('displayno');
          $('#neopren'+$(this).val()).removeClass('displayno');
        });
 

oder das müsste auch gehen

Code: Javascript  [Auswählen]

$("#select_id-1").change(function(){
          $('#neopren'+$(this).val()).removeClass('displayno');
          $('[id^="neopren"]:not(#neopren'+$(this).val()+')').addClass('displayno');
        });
 

[Headline]

Hallo web0null.
Danke erstmal für die schnelle Antwort.
Wo packe ich das Javascript rein? In die product_info_v1.html oder die product_options_dropdown.html.
Also wenn ich das zum laufen kriege schreibe ich mal eine Einbauanleitung für DAU´s wie mich.

[Headline]

Hab noch was vergessen.
Dargestellt wird oder soll das bild ja in der product_info_v1.html werden also hierein. Bekomme dann aber nichts mehr angezeigt nochnicht einmal eine Fehlermeldung hier mal der code der product_info_v1.html
Hab allerdings den Pfad in Zeile 30 angepasst und price update eingebaut.

Code: XML  [Auswählen]

{config_load file="$language/lang_$language.conf" section="product_info"}

{php}
        // DA WIR EIN JAVASCRIPT IN DEN OPTIONEN HABEN, WENN DAS ADDON RICHTIG EINGEBAUT WURDE, KÖNNEN WIR HIER DANACH SUCHEN.
        // WENN WIR EIN JAVASCRIPT FINDEN, WIRD DER ARTIKEL OPTIONEN HABEN!
        if (strpos ($this->_tpl_vars['MODULE_product_options'], 'javascript')) {
                $this->_tpl_vars['myPriceUpdate_JS'] = $this->_tpl_vars['tpl_path'] . 'source/product_info_jscript.js.php';
                $this->_tpl_vars['myPriceUpdate_PP'] = $this->_tpl_vars['tpl_path'] . 'source/product_info.php';
                $this->_tpl_vars['myPriceUpdate_DO'] = 787;
                include_once ($this->_tpl_vars['myPriceUpdate_JS']);
        }
{/php}

{if $MODULE_product_options eq ""}
        {include_php file=$mySourcePath_JS}
{/if}
<hr noshade size="1">
{$FORM_ACTION}
<h1>{$PRODUCTS_NAME}</h1>

<div id="productinfowrap">
<table border="2" width="100%"><tr><td style="padding-right:20px;">
        {if $PRODUCTS_IMAGE!=''}

                <a title="{$PRODUCTS_NAME}" href="{$PRODUCTS_IMAGE|replace:"info_images":"popup_images"}" class="thickbox" rel="{$PRODUCTS_ID}"><img src="{$PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}" class="productimage" />{if $PRODUCTS_POPUP_LINK!=''}<br/>{#text_zoom#}{/if}</a>

        {/if}</td>
        <td><div class="containerone">

      <img src="{$tpl_path}konfi/neopren_1.jpg" alt="{$PRODUCTS_NAME}" class="displayno" id="neopren1" />
    </div></td>
        <td>
          <div id="productinfoprice">

                        <p class="productprice">{if $myPriceUpdate_DO eq 787}
                                <noscript>
                                        <strong>{#baseprice#} {$PRODUCTS_PRICE}</strong><br />
                                </noscript>
                                <input type="hidden" name="langpricetext" id="langpricetext" value="{#fullprice#}" />
                                {include_php file=$myPriceUpdate_PP}
                                <small>{#baseprice#} {$PRODUCTS_PRICE}</small><br />
                        {else}
                                <strong>{$PRODUCTS_PRICE}</strong><br />
                        {/if}</strong></p>
                        <p class="taxandshippinginfo" style="white-space:nowrap">{$PRODUCTS_TAX_INFO}{if $PRODUCTS_SHIPPING_LINK}{$PRODUCTS_SHIPPING_LINK}{/if}</p>
                        {if $SHIPPING_NAME}<p class="shippingtime"><strong>{#text_shippingtime#}</strong>{if $SHIPPING_IMAGE}<img src="{$SHIPPING_IMAGE}" alt="{$SHIPPING_NAME}" />{/if} {$SHIPPING_NAME}</p>
                        {/if}
                        {if $PRODUCTS_VPE}
                        <div class="hrlightgrey"></div>{$PRODUCTS_VPE}{/if}
                        {if $MODULE_graduated_price !=''}<div class="hrlightgrey"></div>{$MODULE_graduated_price}{/if}
                        {if $PRODUCTS_DISCOUNT!=''}<div class="hrlightgrey"></div>{$PRODUCTS_DISCOUNT}{/if}
                        {if $PRODUCTS_FSK18=='true'}<div class="hrlightgrey"></div><img src="{$tpl_path}img/fsk18.gif" alt="" style="cursor:default" />{/if}
                        {if $PRODUCTS_MODEL!=''}<div class="hrlightgrey"></div>
                        <strong>{#model#}</strong> {$PRODUCTS_MODEL}{/if}
                        {if $PRODUCTS_URL != ''}
                        <div class="hrlightgrey"></div><div style="padding-top:5px;">{$PRODUCTS_URL}</div>
                        {/if} <br />
                        <div style="margin-top:10px"></div>
                        {$PRODUCTS_PRINT}

                {if $PRODUCTS_DATE_AVIABLE != ''}<p>{$PRODUCTS_DATE_AVIABLE}</p>{/if}
        </div>
        <div style="clear:both;"></div>
    </td></tr></table>
        {if $MODULE_product_options !=''}
        <div class="productoptions">{$MODULE_product_options}</div>{/if}
        {if $myPriceUpdate_DO eq 787}
        <script language="javascript">
                <!--
                       window.setTimeout("showPrice(document.getElementById('cart_quantity'))", 100);
                       //showPrice(document.getElementById('cart_quantity'));
               //-->
        </script>
{/if}

<!-- BOF - Tomcraft - 2009-11-28 - Included xs:booster //-->
        {if $XTB_REDIRECT_USER_TO=='product'}<div style='width:400px;padding:10px;color:white;background-color:green;'><strong>Sie haben die eBay Auktion gewonnen!</strong><br/>Bitte wählen Sie nun noch die gewünschten Produkteigenschaften und legen Sie den Artikel danach in den Warenkorb, um mit der Zahlung fortzufahren und das Produkt versandfertig zu machen!</div>{/if}
<!-- EOF - Tomcraft - 2009-11-28 - Included xs:booster //-->
        <div class="addtobasket">
        <table border="0" cellspacing="0" cellpadding="2">
                  <tr>
                    <td style="width:100%; padding-right:5px;">{$ADD_QTY}</td>
                    <td>{$ADD_CART_BUTTON}</td>
                  </tr>
        </table>
        </div>
        {if $PRODUCTS_DESCRIPTION !=''}<div>{$PRODUCTS_DESCRIPTION}</div>{/if}
</div>

{if $more_images|@count > 0}
<!-- More Pictures -->
<div class="morepics">
{foreach item=more_images_data from=$more_images}
<a class="thickbox" rel="{$PRODUCTS_ID}" title="{$PRODUCTS_NAME}" href="{$more_images_data.PRODUCTS_IMAGE|replace:"info_images":"popup_images"}"><img align="left" src="{$more_images_data.PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}" /></a>
{/foreach}
</div>
<div style="clear:both;"></div>
{/if}


{$FORM_END}
{if $MODULE_products_media != ''}{$MODULE_products_media}{/if}
{if $MODULE_products_reviews != ''}{$MODULE_products_reviews}{/if}
{if $MODULE_cross_selling != ''}{$MODULE_cross_selling}{/if}
{if $MODULE_reverse_cross_selling != ''}{$MODULE_reverse_cross_selling}{/if}
{if $MODULE_also_purchased != ''}{$MODULE_also_purchased}{/if}
{if $PRODUCTS_ADDED != ''}<p class="productinfoproductadded">{$PRODUCTS_ADDED}</p>{/if}
{$PRODUCT_NAVIGATOR}