Werbung / Banner buchen
Neuigkeiten
  • Die modified eCommerce Shopsoftware ist kostenlos, aber nicht umsonst.
    Spenden
  • Damit wir die modified eCommerce Shopsoftware auch zukünftig kostenlos anbieten können:
    Spenden
  • Thema: BETA MODUL: Artikelbild mittels Attribut wechseln

    crock

    • Neu im Forum
    • Beiträge: 13
    BETA MODUL: Artikelbild mittels Attribut wechseln
    am: 16. Februar 2012, 12:37:23
    ACHTUNG: Hier geht es direkt zur fertigen Lösung von joegli: Klick mich!

    Hallo,

    super dass man hier im Forum auch als Neuling schreiben kann. Danke an die Verantwortlichen!  :thx:

    Nun zum Thema:
    Da ich in meinem  Shop die meisten Artikel in verschiedenen Farben habe, möchte ich dass der Kunde mittels Dropdownfeld sich die gewünschte Farbe auswählt. Dabei soll aber auch das Artikelbild auf die jeweilige Farbe wechseln und nicht nur starr beim Hauptbild bleiben.

    Die Suche hat mir leider nichts brauchbares herausgespuckt - vielleicht hat jemand einen Plan wie das zu bewerkstelligen wäre?

    Achja, es gibt auch kostenpflichtige Module für mein Problemchen - aber die Preise sind leider... :-(

    Danke und lg

    ACHTUNG: Hier geht es direkt zur fertigen Lösung von joegli: Klick mich!

    [EDIT Tomcraft 13.04.2017: Modul von joegli verlinkt.]

    Linkback: https://www.modified-shop.org/forum/index.php?topic=18296.0

    flan

    • Neu im Forum
    • Beiträge: 40
    Re: BETA MODUL: Artikelbild mittels Attribut wechseln
    Antwort #1 am: 16. Februar 2012, 12:51:50
    Ich wies zwar nicht wie du gesucht hast aber schau mal hier: Bei Attributwahl, Wechsel des aktuellen Bildes?

    Wenn ich mich nicht irre gibt es hier im Forum eine Alternative, die die Bilder von Attributen anzeigt.

    Viele Grüße

    flan

    crock

    • Neu im Forum
    • Beiträge: 13
    Re: BETA MODUL: Artikelbild mittels Attribut wechseln
    Antwort #2 am: 16. Februar 2012, 13:29:35
    Hi,

    danke für den Hinweis!

    Also wie gesagt kostenpflichtig scheidet leider aus...

    Unter Imedes Module finde ich in der langen Liste zwar eine Anleitung, jedoch sind Dateien die neu hinzukämen nicht downloadbar:
    http://www.(( Wir dulden keine kommerziellen Werbelinks - Bitte Forenregeln beachten! ))/kostenlos-imedes-software_aadmin-quickedit.php

    Welche Alternative gibt es hier im Forum? Ich hab nur eine Version gefunden, wo man innerhalb des Dropdownfeldes kleine Attributbilder anzeigen lassen kann.

    Hat noch jemand einen Geheimtipp parat?

    Danke und lg

    crock

    • Neu im Forum
    • Beiträge: 13
    Re: BETA MODUL: Artikelbild mittels Attribut wechseln
    Antwort #3 am: 16. Februar 2012, 18:25:26
    Nach langer Suche hab ich nun ein Modul gefunden, das meinen Wünschen entspricht. Es wechselt tatsächlich das Hauptbild sobald man ein Attribut aus dem Dropdownfeld gewählt hat (ohne Seitenladen). Wer Interesse daran hat kann mich gerne anschreiben.

    Einziges Problem ist nur noch, wie ich das Aussehen der product_info_v1-a1.html dem meiner originalen product_info_v1.html anpassen kann.

    Ich bin leider nicht so versiert in der Umprogrammierung - das Modul verwendet glaub ich nicht die 'Thickbox' und das ist wohl ein größeres Problem.
    Könnte mich da bitte bitte bitte jemand mit dem Umbau unterstützen?  :daumen-dreh:

    product_info_v1.html (meine Originaldatei):
    Code: XML  [Auswählen]
    {php} $file='templates/'.CURRENT_TEMPLATE.'/squidio/lib/pagefunctions/product_info.php'; if(file_exists($file))include $file;{/php}
    {config_load file="$language/lang_$language.conf" section="product_info"}

    <div class="pinfo main_no_navi">
      {$FORM_ACTION}
            <div class="product_container">
        <span class="float_contents">
          <div class="product_images">
            {if $PRODUCTS_IMAGE!=''}
              <div class="product_image">
                <a class="thickbox button_view" title="{$PRODUCTS_NAME}" href="{$PRODUCTS_IMAGE|replace:"info_images":"popup_images"}">
                  <img src="{$tpl_path}squidio/img/module/product_info/button_view.gif" alt="{$PRODUCTS_NAME}" />
                </a>
                <img class="products_image" src="{$PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}" />
              </div>
            {else}
              <div class="product_image"><img src="{$tpl_path}squidio/img/global/nopic.gif" alt="{$PRODUCTS_NAME}" /></div>
            {/if}
            {if $PRODUCTS_IMAGE_1 != ''}
              <ul class="product_morepics">
                {foreach name=more_images item=more_images_data from=$more_images}
                 <li {if $smarty.foreach.more_images.first} class="aktiv"{/if}>
                   <img class="active_arrow" src="{$tpl_path}squidio/img/module/product_info/morepics_active_arrow.gif" alt="gerade gezeigt" />
                    <a rel="{$PRODUCTS_ID}" title="{$PRODUCTS_NAME}" href="{$more_images_data.PRODUCTS_IMAGE}"><img src="{$more_images_data.PRODUCTS_IMAGE|replace:"info_images":"thumbnail_images"}" alt="{$PRODUCTS_NAME}" /></a>                          
                </li>
                {/foreach}
              </ul>
            {/if}
          </div>    
          <div class="product_infos">
            <h2 class="product_name">{$PRODUCTS_NAME}</h2>
            <div class="product_short_description">{$PRODUCTS_SHORT_DESCRIPTION}</div>
            <div class="spacer"></div>
            {if $m_name != ''}
              <div class="product_manufacturerinfo">
                {if $m_image != ''}
                  <img src="{$m_image}" title="{$m_name}" />
                  {if $m_linkmore != ''}
                    <a href="{$m_linkmore}">
                      {$smarty.const.pInfo_manufacturerInfo_products}<strong>{$m_name}</strong>
                    </a>
                  {/if}
                {else}
                  {if $m_linkmore != ''}
                    <a class="fll" href="{$m_linkmore}">
                      {$smarty.const.pInfo_manufacturerInfo_products}{$m_name}
                    </a>
                  {/if}
               {/if}
             </div>
              <div class="spacer"></div>
            {/if}
            {if $MODULE_product_options !=''}
              {$MODULE_product_options}
              <div class="spacer" style="border-top: 0;"></div>
            {/if}
          </div>
        </span>
        <a class="product_backlink flr" href="{$back_link}">{$smarty.const.pInfo_backToProducts}</a>
        <div class="product_sidebar">
            <div class="box1">
            <div class="product_price">{$PRODUCTS_PRICE}</div>
            <div class="product_shippinglink">{$PRODUCTS_TAX_INFO}{if $PRODUCTS_SHIPPING_LINK}{$PRODUCTS_SHIPPING_LINK}{/if}</div>
         </div>
          {if $MODULE_graduated_price !=''}
            <a href="#show_graduated" class="show_graduated">{$smarty.const.pInfo_showGraduated}</a>
            <div class="p_graduated">{$MODULE_graduated_price}</div>
          {/if}
          <div class="spacer"></div>
            <div class="box p_buynow">
            <span class="add_qty">{$ADD_QTY|replace:'size="3"':'size="2"'}</span><input value="{$smarty.const.pInfo_buttonInCart}" type="submit" class="add_cart button_highlight" />
          </div>
          <div class="spacer"></div>
          <div class="box">
          {$ADD_WISHLIST_BUTTON}
          </div>
          <div class="spacer"></div>
          <div class="product_reviews_average box">
            {if $p_reviews_average == true}
              {$smarty.const.pReviews_text_average} {$p_reviews_average_img}
            {else}
              {$p_reviews_write}
            {/if}
          </div>
          <div class="spacer"></div>
            <div class="box">
            <div class="product_shippingtime">
            <strong>Lagerstand:</strong>  <img width="10" height="9" src="https://www.muradostore.at/images/lstatus.png" alt="Lagernd" /> lieferbar
            </div>
            {if $SHIPPING_NAME}
              <div class="product_shippingtime">
                <strong>{#text_shippingtime#}</strong>
                {if $SHIPPING_IMAGE}<img src="{$SHIPPING_IMAGE}" alt="{$SHIPPING_NAME}" />{/if} {$SHIPPING_NAME}
              </div>
            {/if}
            {if $PRODUCTS_MODEL != ''}
              <div class="product_artnr">
                <strong>{#model#}</strong>
                {$PRODUCTS_MODEL}
              </div>
            {/if}
            {if $PRODUCTS_VPE}
              <div class="product_shippingtime">
                <strong>{$smarty.const.pInfo_tabVpe}:</strong>
                {$PRODUCTS_VPE}
              </div>
            {/if}
          </div>
          <div class="spacer"></div>
            <div class="box"><a class="product_printlink_raw" href="javascript: return false;" onclick="{$p_printlink}">{$smarty.const.pInfo_printpage}</a></div>
        </div>
      </div>
      <div class="spacer"></div>
      {getContent id=1 to=versandkosten}
      <div id="p_tabs">
        <ul>
          {if $PRODUCTS_DESCRIPTION !=''}<li><a href="#p_description"><span>{$smarty.const.pInfo_tabDescription}</span></a></li>{/if}
          {if $MODULE_products_reviews != ''}<li><a href="#p_reviews"><span>{$smarty.const.pInfo_tabReviews}</span></a></li>{/if}
          {if $MODULE_cross_selling != ''}<li><a href="#p_crossSelling"><span>{$smarty.const.pInfo_tabCrossSelling}</span></a></li>{/if}
          {if $MODULE_reverse_cross_selling != ''}<li><a href="#p_reverseCrossSelling"><span>{$smarty.const.pInfo_tabReverseCrossSelling}</span></a></li>{/if}
          {if $MODULE_also_purchased != ''}<li><a href="#p_alsopurchased"><span>{$smarty.const.pInfo_tabAlsoPuchased}</span></a></li> {/if}
          {if $versandkosten.heading != ''}<li><a href="#p_ccid_1"><span>{$versandkosten.heading}</span></a></li>{/if}
        </ul>
        {if $PRODUCTS_DESCRIPTION !=''}
          <div id="p_description" class="ui-tabs-panel">
            <div class="content">
                    {if $MODULE_products_media != ''}<span class="p_products_media">{$MODULE_products_media}</span>{/if}
              {$PRODUCTS_DESCRIPTION}
            </div>
          </div>
        {/if}
        {if $MODULE_products_reviews != ''}<div id="p_reviews" class="ui-tabs-panel"><div class="content">{$MODULE_products_reviews}</div></div>{/if}
        {if $MODULE_cross_selling != ''}<div id="p_crossSelling" class="ui-tabs-panel">{$MODULE_cross_selling}</div>{/if}
        {if $MODULE_reverse_cross_selling != ''}<div id="p_reverseCrossSelling" class="ui-tabs-panel">{$MODULE_reverse_cross_selling}</div>{/if}
        {if $MODULE_also_purchased != ''}<div id="p_alsopurchased" class="ui-tabs-panel"><div class="content">{$MODULE_also_purchased}</div></div>{/if}
        {if $versandkosten.heading != ''}
          <div id="p_ccid_1" class="ui-tabs-panel">
          <div class="content">
            <p>{$versandkosten.text}</p>
          </div>
          </div>
        {/if}
        </div>
        <div class="tabspanel_bottom"></div>
      <span class="clear"></span>
      {if $PRODUCT_NAVIGATOR != ''}{$PRODUCT_NAVIGATOR}{/if}
      <input type="hidden" name="submit_target" value="cart">
      {$FORM_END}  
    </div>

    product_info_v1-ai.html (die Datei vom Modul):
    Code: XML  [Auswählen]
    {config_load file="$language/lang_$language.conf" section="product_info"}
    <script>
    var ori_image = '{$PRODUCTS_IMAGE}';
    var ori_popup = '{$PRODUCTS_POPUP_LINK_BASE}';
    </script>
    {$PRODUCT_NAVIGATOR}
    {$FORM_ACTION}
    <table width="100%" border="0">
      <tr>
        <td>
    <table width="100%" border="0" cellpadding="0" cellspacing="0">
            <tr>
              <td class="main"><table width="100%" border="0">
                  <tr>
                    <td class="contentsTopics">{$PRODUCTS_NAME}</td>
                    <td align="right"><p>&nbsp;</p>
                      <p><strong>{$PRODUCTS_PRICE}</strong><br />
                    {$PRODUCTS_TAX_INFO}{if $PRODUCTS_SHIPPING_LINK}{$PRODUCTS_SHIPPING_LINK}{/if}</p></td>
                  </tr>
                </table>
                {if $PRODUCTS_VPE}{$PRODUCTS_VPE}<br />{/if}
                 {if $PRODUCTS_MODEL!=''}{#model#} {$PRODUCTS_MODEL}{/if}
                             {$PRODUCTS_DISCOUNT}<br />
                {#print#}{$PRODUCTS_PRINT}<br />
                            {if $SHIPPING_NAME}
                <table width="200" border="0" cellpadding="0" cellspacing="0">
                  <tr valign="middle">
                    <td class="main">{#text_shippingtime#}</td>
                    {if $SHIPPING_IMAGE}<td><img src="{$SHIPPING_IMAGE}" alt="{$SHIPPING_NAME}" /></td>
                    {/if}
                    <td class="main">{$SHIPPING_NAME}</td>
                  </tr>
                </table>
                            {/if}
              </td>
            </tr>
          </table>
          <table width="100%" border="0">
            <tr>
              <td style="border-right: 1px solid; border-color: #cccccc;" valign="top" align="center">
                  <table width="1" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td align="center">
                          <table width="1" border="0" cellpadding="5" cellspacing="0">
                            <tr>
                              <td><a href="{$PRODUCTS_POPUP_LINK}" id="products_popup"><img src="{$PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}" id="products_image"/></a></td>
                            </tr>
                            <!-- more images -->
                                                    {if $PRODUCTS_IMAGE_1 != ''}
                            <tr>
                              <td style="border-top: 1px solid; border-color: #cccccc;">                          
                              <a href="{$PRODUCTS_POPUP_LINK_1}"><img src="{$PRODUCTS_IMAGE_1}" alt="{$PRODUCTS_NAME}" /></a>                          
                              </td>
                            </tr>
                                                    {/if}    
                            {if $PRODUCTS_IMAGE_2 != ''}
                            <tr>
                              <td style="border-top: 1px solid; border-color: #cccccc;">
                              <a href="{$PRODUCTS_POPUP_LINK_2}"><img src="{$PRODUCTS_IMAGE_2}" alt="{$PRODUCTS_NAME}" /></a>                          
                              </td>
                            </tr>  
                                                    {/if}
                                                    {if $PRODUCTS_IMAGE_3 != ''}
                            <tr>
                              <td style="border-top: 1px solid; border-color: #cccccc;">                          
                              <a href="{$PRODUCTS_POPUP_LINK_3}"><img src="{$PRODUCTS_IMAGE_3}" alt="{$PRODUCTS_NAME}" /></a>                          
                              </td>
                            </tr>  
                                                    {/if}
                            <!-- more images eof -->                                                                  
                          </table>
                          <br />{if $PRODUCTS_IMAGE_LINK!=''}<a href="{$PRODUCTS_IMAGE_LINK}" onclick="window.open(this.href); return false;">{$PRODUCTS_TEXT_ZOOM}</a><br />{/if}
                          {if $PRODUCTS_FSK18=='true'}
                                              <br />
                                              <img src="{$tpl_path}img/fsk18.gif" alt="" />
                                              {/if}
                                              {if $MODULE_graduated_price !=''} {$MODULE_graduated_price}<br />
                          <br /><br />{/if}
                                      </td>
                    </tr>
                  </table></td>
              <td class="main" valign="top">{if $PRODUCTS_DESCRIPTION !=''}{$PRODUCTS_DESCRIPTION}<br />{/if}
                <br />{if $MODULE_product_options !=''}{$MODULE_product_options}<br />{/if}
                <table width="300"  border="0">
                  <tr>
                    <td class="main" valign="middle"><table width="100"  border="0">
                      <tr>
                        <td>{$ADD_QTY}</td>
                        <td>{$ADD_CART_BUTTON}</td>
                        </tr></table></td>
                  </tr>
                </table>
              </td>
            </tr>
          </table>      
        </td>
      </tr>
    </table>
    {if $PRODUCTS_URL != ''}
    <table width="100%" border="0" class="boxTextBG">
      <tr>
        <td align="center">{$PRODUCTS_URL}<br /></td>
      </tr>
    </table>{/if}
    {if $PRODUCTS_DATE_AVIABLE != ''}
    <table width="100%" border="0" class="boxTextBG">
      <tr>
        <td align="center">{$PRODUCTS_DATE_AVIABLE}<br /></td>
      </tr>
    </table>{/if}
    {if $PRODUCTS_ADDED != ''}
    <table width="100%" border="0" class="boxTextBG">
      <tr>
        <td align="center">{$PRODUCTS_ADDED}<br /></td>
      </tr>
    </table>{/if}
    {if $MODULE_products_reviews != ''}
    <table width="100%" border="0">
      <tr>
          <td>{$MODULE_products_reviews}<br /></td>
      </tr>
    </table>{/if}
    {if $MODULE_products_media != ''}
      <table width="100%" border="0">
        <tr>
          <td align="center">{$MODULE_products_media}<br /></td>
        </tr>
      </table>
    {/if} {if $MODULE_cross_selling != ''}
    <table width="100%" border="0">
      <tr>
        <td align="center">{$MODULE_cross_selling}<br /></td>
      </tr>
    </table>
    {/if} {if $MODULE_reverse_cross_selling != ''}
    <table width="100%" border="0">
      <tr>
        <td align="center">{$MODULE_reverse_cross_selling}<br /></td>
      </tr>
    </table>
    {/if}{if $MODULE_also_purchased != ''}
    <table width="100%" border="0">
        <tr>
          <td align="center">{$MODULE_also_purchased}<br /></td>
        </tr>
      </table>{/if}
    {$FORM_END}
    <script type="text/javascript">
            if (document.getElementById) {literal}{{/literal}
                    change_all_attributes();
            {literal}}{/literal}
    </script>      

    Danke Euch :) :)

    flan

    • Neu im Forum
    • Beiträge: 40
    Re: BETA MODUL: Artikelbild mittels Attribut wechseln
    Antwort #4 am: 17. Februar 2012, 00:25:42
    Warum übernimmst du denn nicht nicht die neue product_info?

    Wenn ich mich nicht irre sollte das doch kein Problem sein. Die Tabellen kannst du in divs wandeln und dann alles mit CSS stylen. Firebug für den firefox hilft dir da bestimmt weiter

    Könntest du bitte das Modul vorstellen damit alle was davon haben.

    crock

    • Neu im Forum
    • Beiträge: 13
    Re: BETA MODUL: Artikelbild mittels Attribut wechseln
    Antwort #5 am: 17. Februar 2012, 13:19:49
    Hallo flan,

    weil die originale product_info schon so eingestellt ist wie ich sie brauche. Darum kann ich die vom Modul nicht verwenden, da sieht alles komplett anders aus als es soll  :-(

    Außerdem funktioniert mit der Datei vom Modul Thickbox nicht, was ja auch ein Problem ist.

    Und das dritte Problem ist, ich bin nicht so gut darin.

    Wäre auch bereit fürs Umschreiben des Codes etwas zu zahlen, wenn mir jemand das erledigen könnte.

    Ja kann es gern vorstellen, aber vorher sollte das Modul mit modified eCommerce Shopsoftware komplett funktionieren (zB Thickbox unterstützen) - dann macht es mehr Sinn denke ich.

    Danke und lg

    Modulfux

    • Experte
    • Beiträge: 3.590
    • Geschlecht:
    Re: BETA MODUL: Artikelbild mittels Attribut wechseln
    Antwort #6 am: 17. Februar 2012, 13:38:50
    Musstest du für das Modul auch die includes/modules/product_info.php anpassen?

    Gruß
    Ronny

    Edit:
    Außer dem Tabellenlayout , die fehlende foreach-Schleife für das Bilderarray und die ID für den Bildlink hat sich doch an der Moduldatei nichts geändert.

    Versuch es bitte mal mit dieser Version.
    Code: PHP  [Auswählen]
    {php} $file='templates/'.CURRENT_TEMPLATE.'/squidio/lib/pagefunctions/product_info.php'; if(file_exists($file))include $file;{/php}
    {config_load file="$language/lang_$language.conf" section="product_info"}
     <script>
    var ori_image = '{$PRODUCTS_IMAGE}';
    var ori_popup = '{$PRODUCTS_POPUP_LINK_BASE}';
    </script>
    <div class="pinfo main_no_navi">
      {$FORM_ACTION}
            <div class="product_container">
        <span class="float_contents">
          <div class="product_images">
            {if $PRODUCTS_IMAGE!=''}
              <div class="product_image">
                <a id="products_popup"class="thickbox button_view" title="{$PRODUCTS_NAME}" href="{$PRODUCTS_IMAGE|replace:"info_images":"popup_images"}">
                  <img src="{$tpl_path}squidio/img/module/product_info/button_view.gif" alt="{$PRODUCTS_NAME}" />
                </a>
                <img class="products_image" src="{$PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}" />
              </div>
            {else}
              <div class="product_image"><img src="{$tpl_path}squidio/img/global/nopic.gif" alt="{$PRODUCTS_NAME}" /></div>
            {/if}
            {if $PRODUCTS_IMAGE_1 != ''}
              <ul class="product_morepics">
                {foreach name=more_images item=more_images_data from=$more_images}
                 <li {if $smarty.foreach.more_images.first} class="aktiv"{/if}>
                   <img class="active_arrow" src="{$tpl_path}squidio/img/module/product_info/morepics_active_arrow.gif" alt="gerade gezeigt" />
                    <a rel="{$PRODUCTS_ID}" title="{$PRODUCTS_NAME}" href="{$more_images_data.PRODUCTS_IMAGE}"><img src="{$more_images_data.PRODUCTS_IMAGE|replace:"info_images":"thumbnail_images"}" alt="{$PRODUCTS_NAME}" /></a>                          
                </li>
                {/foreach}
              </ul>
            {/if}
          </div>    
          <div class="product_infos">
            <h2 class="product_name">{$PRODUCTS_NAME}</h2>
            <div class="product_short_description">{$PRODUCTS_SHORT_DESCRIPTION}</div>
            <div class="spacer"></div>
            {if $m_name != ''}
              <div class="product_manufacturerinfo">
                {if $m_image != ''}
                  <img src="{$m_image}" title="{$m_name}" />
                  {if $m_linkmore != ''}
                    <a href="{$m_linkmore}">
                      {$smarty.const.pInfo_manufacturerInfo_products}<strong>{$m_name}</strong>
                    </a>
                  {/if}
                {else}
                  {if $m_linkmore != ''}
                    <a class="fll" href="{$m_linkmore}">
                      {$smarty.const.pInfo_manufacturerInfo_products}{$m_name}
                    </a>
                  {/if}
               {/if}
             </div>
              <div class="spacer"></div>
            {/if}
            {if $MODULE_product_options !=''}
              {$MODULE_product_options}
              <div class="spacer" style="border-top: 0;"></div>
            {/if}
          </div>
        </span>
        <a class="product_backlink flr" href="{$back_link}">{$smarty.const.pInfo_backToProducts}</a>
        <div class="product_sidebar">
            <div class="box1">
            <div class="product_price">{$PRODUCTS_PRICE}</div>
            <div class="product_shippinglink">{$PRODUCTS_TAX_INFO}{if $PRODUCTS_SHIPPING_LINK}{$PRODUCTS_SHIPPING_LINK}{/if}</div>
         </div>
          {if $MODULE_graduated_price !=''}
            <a href="#show_graduated" class="show_graduated">{$smarty.const.pInfo_showGraduated}</a>
            <div class="p_graduated">{$MODULE_graduated_price}</div>
          {/if}
          <div class="spacer"></div>
            <div class="box p_buynow">
            <span class="add_qty">{$ADD_QTY|replace:'size="3"':'size="2"'}</span><input value="{$smarty.const.pInfo_buttonInCart}" type="submit" class="add_cart button_highlight" />
          </div>
          <div class="spacer"></div>
          <div class="box">
          {$ADD_WISHLIST_BUTTON}
          </div>
          <div class="spacer"></div>
          <div class="product_reviews_average box">
            {if $p_reviews_average == true}
              {$smarty.const.pReviews_text_average} {$p_reviews_average_img}
            {else}
              {$p_reviews_write}
            {/if}
          </div>
          <div class="spacer"></div>
            <div class="box">
            <div class="product_shippingtime">
            <strong>Lagerstand:</strong>  <img width="10" height="9" src="https://www.muradostore.at/images/lstatus.png" alt="Lagernd" /> lieferbar
            </div>
            {if $SHIPPING_NAME}
              <div class="product_shippingtime">
                <strong>{#text_shippingtime#}</strong>
               {if $SHIPPING_IMAGE}<img src="{$SHIPPING_IMAGE}" alt="{$SHIPPING_NAME}" />{/if} {$SHIPPING_NAME}
              </div>
            {/if}
            {if $PRODUCTS_MODEL != ''}
              <div class="product_artnr">
                <strong>{#model#}</strong>
               {$PRODUCTS_MODEL}
              </div>
            {/if}
            {if $PRODUCTS_VPE}
              <div class="product_shippingtime">
                <strong>{$smarty.const.pInfo_tabVpe}:</strong>
                {$PRODUCTS_VPE}
              </div>
            {/if}
          </div>
          <div class="spacer"></div>
            <div class="box"><a class="product_printlink_raw" href="javascript: return false;" onclick="{$p_printlink}">{$smarty.const.pInfo_printpage}</a></div>
        </div>
      </div>
      <div class="spacer"></div>
      {getContent id=1 to=versandkosten}
      <div id="p_tabs">
        <ul>
          {if $PRODUCTS_DESCRIPTION !=''}<li><a href="#p_description"><span>{$smarty.const.pInfo_tabDescription}</span></a></li>{/if}
          {if $MODULE_products_reviews != ''}<li><a href="#p_reviews"><span>{$smarty.const.pInfo_tabReviews}</span></a></li>{/if}
          {if $MODULE_cross_selling != ''}<li><a href="#p_crossSelling"><span>{$smarty.const.pInfo_tabCrossSelling}</span></a></li>{/if}
          {if $MODULE_reverse_cross_selling != ''}<li><a href="#p_reverseCrossSelling"><span>{$smarty.const.pInfo_tabReverseCrossSelling}</span></a></li>{/if}
          {if $MODULE_also_purchased != ''}<li><a href="#p_alsopurchased"><span>{$smarty.const.pInfo_tabAlsoPuchased}</span></a></li> {/if}
          {if $versandkosten.heading != ''}<li><a href="#p_ccid_1"><span>{$versandkosten.heading}</span></a></li>{/if}
        </ul>
        {if $PRODUCTS_DESCRIPTION !=''}
          <div id="p_description" class="ui-tabs-panel">
            <div class="content">
                    {if $MODULE_products_media != ''}<span class="p_products_media">{$MODULE_products_media}</span>{/if}
              {$PRODUCTS_DESCRIPTION}
            </div>
          </div>
        {/if}
        {if $MODULE_products_reviews != ''}<div id="p_reviews" class="ui-tabs-panel"><div class="content">{$MODULE_products_reviews}</div></div>{/if}
        {if $MODULE_cross_selling != ''}<div id="p_crossSelling" class="ui-tabs-panel">{$MODULE_cross_selling}</div>{/if}
        {if $MODULE_reverse_cross_selling != ''}<div id="p_reverseCrossSelling" class="ui-tabs-panel">{$MODULE_reverse_cross_selling}</div>{/if}
        {if $MODULE_also_purchased != ''}<div id="p_alsopurchased" class="ui-tabs-panel"><div class="content">{$MODULE_also_purchased}</div></div>{/if}
        {if $versandkosten.heading != ''}
          <div id="p_ccid_1" class="ui-tabs-panel">
          <div class="content">
            <p>{$versandkosten.text}</p>
          </div>
          </div>
        {/if}
        </div>
        <div class="tabspanel_bottom"></div>
      <span class="clear"></span>
      {if $PRODUCT_NAVIGATOR != ''}{$PRODUCT_NAVIGATOR}{/if}
      <input type="hidden" name="submit_target" value="cart">
      {$FORM_END}  
    </div>
    <script type="text/javascript">
            if (document.getElementById) {literal}{{/literal}
                    change_all_attributes();
            {literal}}{/literal}
    </script>    
     

    crock

    • Neu im Forum
    • Beiträge: 13
    Re: BETA MODUL: Artikelbild mittels Attribut wechseln
    Antwort #7 am: 17. Februar 2012, 15:39:20
    Hallo Ronny,

    ja folgendes musste ich in der includes/modules/product_info.php anpassen:

    nach dieser Zeile:
    Code: XML  [Auswählen]
                 $connector = '&';
             }
             $info_smarty->assign('PRODUCTS_POPUP_LINK', 'javascript:popupWindow(\''.xtc_href_link(FILENAME_POPUP_IMAGE, 'pID='.$product->data['products_id'].$connector.'imgID=0').'\')');
    das eingefügt:
    Code: XML  [Auswählen]
    $info_smarty->assign('PRODUCTS_POPUP_LINK_BASE', xtc_href_link(FILENAME_POPUP_IMAGE, 'pID='.$product->data['products_id']));

    Hab Deine Version probiert, das Grundlayout stimmt nun wieder. Aber leider funktioniert das Dropdownfeld nicht mehr - also das Artikelbild ändert nicht mehr die Farbe wenn man ein Attribut auswählt. Das Modul ist sozusagen außer gefecht gesetzt :panic:

    Kann es sein dass man die Moduldatei 'product_options_dropdown_ai.html' auch anpassen muss?
    product_options_dropdown_ai.html:
    Code: XML  [Auswählen]
    {if $options!=''}
    <script>
    function change_ai(option, attribute) {literal}{{/literal}
            if (!document.getElementById) return;
           
            var t_img = '';
            var t_pop = '';
            var images = new Array();
            {foreach name=outer item=options_data from=$options}
            {if $options_data.HAS_IMAGE}
            images[{$options_data.ID}] = new Array();
            {foreach key=key_data item=item_data from=$options_data.DATA}
                    images[{$options_data.ID}][{$item_data.ID}] = '{$item_data.IMAGE}';
            {/foreach}
            {/if}
            {/foreach}
           
            if (images[option] && images[option][attribute] != '') {literal}{{/literal}
                    t_img = '{$INFO_IMAGE_PATH}'+images[option][attribute];
                    t_pop = "javascript:popupWindow('"+ori_popup+"&ai="+images[option][attribute]+"')";
            {literal}}{/literal} else {literal}{{/literal}
                    t_img = ori_image;
                    t_pop = "javascript:popupWindow('"+ori_popup+"&imgID=0')";
            {literal}}{/literal}
            document.getElementById('products_image').src = t_img;
            document.getElementById('products_popup').href = t_pop;
           
    {literal}}{/literal}

    function change_all_attributes() {literal}{{/literal}
            {foreach name=outer item=options_data from=$options}
            var sel_index = document.getElementById("cart_quantity").elements["id[{$options_data.ID}]"].selectedIndex;
            change_ai({$options_data.ID}, document.getElementById("cart_quantity").elements["id[{$options_data.ID}]"].options[sel_index].value);
            {/foreach}
    {literal}}{/literal}
    </script>
    <table width="100" border="0" cellspacing="0" cellpadding="0">
      {foreach name=outer item=options_data from=$options}
      <tr>
        <td class="main"><b>{$options_data.NAME}:</b>&nbsp;</td>
        <td>
            <select name="id[{$options_data.ID}]"{if $options_data.HAS_IMAGE} onchange="change_ai({$options_data.ID}, this.value)"{/if}>
      {foreach key=key_data item=item_data from=$options_data.DATA}
      <option value="{$item_data.ID}">{$item_data.TEXT} {if $item_data.PRICE !='' }{$item_data.PREFIX} {$item_data.PRICE}{/if} </option>
    {/foreach}
    </select>
    </td>
      </tr>
      {/foreach}
    </table>
    {/if}

    Meine original product_options_dropdown.html:
    Code: XML  [Auswählen]
    {if $options!=''}
      <!-- _dropdown -->
      <div class="p_options">
        {foreach name=outer item=options_data from=$options}
            <label>
            <span>{$options_data.NAME}</span>
            <select id="[{$options_data.ID}]" name="id[{$options_data.ID}]">
              {foreach key=key_data item=item_data from=$options_data.DATA}
                <option value="{$item_data.ID}">{$item_data.TEXT} {if $item_data.PRICE !='' }{$item_data.PREFIX} {$item_data.PRICE}{/if} </option>
              {/foreach}
            </select>
          </label>
        {/foreach}
      </div>
    {/if}

    Danke für die Hilfe und lg

    hedon02

    • Viel Schreiber
    • Beiträge: 618
    Re: BETA MODUL: Artikelbild mittels Attribut wechseln
    Antwort #8 am: 17. Februar 2012, 19:04:31
    Also ohne das Du das zugehoerige "Javascript" mit reinstellst, kann Dir wohl kaum ordentlich geholfen werden.

    Gruesse

    Edit: grad gesehen ist ja da  :-D

    Aber wenn Du das Modul nicht allgemein veroeffentlichen willst, beschreib doch wenigstens mal bitte was es kann, denn z.B. ein Bildwechsel abhaengig von nur einem Attribut, z.B. Farbe, ist mit wenigen Zeilen "Jquery" geloest. (ohne "Core-Dateien" zu veraendern)

    crock

    • Neu im Forum
    • Beiträge: 13
    Re: BETA MODUL: Artikelbild mittels Attribut wechseln
    Antwort #9 am: 17. Februar 2012, 22:53:51
    Hallo hedon02,

    also man kann im Adminbereich Attributen ein Bild zuweisen. Wenn man als Kunde einen Artikel aufruft, kann man mittels Dropdown zB das Attribut 'Gelb' wählen. Dann erscheint im Hauptbild (ohne Nachladen der Seite) der Artikel in Gelb. Wählt man Blau erscheint der Artikel in Blau usw. Wenn man es in den Warenkorb legt, sieht man dort das Produkt mit dem jeweiligen Attribut.

    Wäre echt gespannt wie man das einfacher lösen könnte mit Jquery - und ob es auch bei mir laufen würde.

    Bin echt am Verzweifeln weil wir müssen demnächst die Produkte einpflegen, aber vorher muss das Modul zum Laufen gebracht werden :(

    Ich kann das Modul auch gern veröffentlichen, aber bedenkt bitte dass es wie oben schon beschrieben nicht so ganz mit Thickbox harmoniert... jedenfalls solange bis wir die Lösung finden ;)

    Modul ist im Anhang - ich hoffe dass es bei der Fehlersuche weiterbringt.

    crock

    • Neu im Forum
    • Beiträge: 13
    Re: BETA MODUL: Artikelbild mittels Attribut wechseln
    Antwort #10 am: 20. Februar 2012, 16:26:09
    Vielleicht hat schon jemand in der Zwischenzeit etwas mehr in Erfahrung bringen können?  :-)

    Da Sandro

    • Fördermitglied
    • Beiträge: 832
    • Geschlecht:
    Re: BETA MODUL: Artikelbild mittels Attribut wechseln
    Antwort #11 am: 20. Februar 2012, 17:37:22
    man kann hier keine PMs schreiben. Könntest du mir per Mail mitteilen wie das Modul heißt und wo du es her hast?
    shop@fiatwelt.de

    fahrzumhimmel

    • Mitglied
    • Beiträge: 145
    Re: BETA MODUL: Artikelbild mittels Attribut wechseln
    Antwort #12 am: 20. Februar 2012, 19:52:03
    Mich verwundert es, dass es das nicht als Modul gibt. Ich hab das mal für meinen Shop vor Jahren programmieren lassen, ist echt ein nettes Feature.......

    hedon02

    • Viel Schreiber
    • Beiträge: 618
    Re: BETA MODUL: Artikelbild mittels Attribut wechseln
    Antwort #13 am: 21. Februar 2012, 00:30:12
    Also in der "product_info_v1.html" - Version von "Webkiste" fehlt lediglich die <img "id="products_image", dann sollte seine Version funktionieren. (nur das Bild mit dieser "id" wird ersetzt)

    Zum Problem der thickbox, hab es zwar selbst noch nicht ausprobieren koennen, aber:

    die ganzen Einstellungen des Moduls bezueglich des "popup" sind eigentlich ueberfluessing schaetze ich mal  :-PP . Aber mach mal folgendes:

    in der "product_info_v1-ai.html" (bzw. deiner Template-Datei):
    ersetze dies:

    Code: Javascript  [Auswählen]
    <script>
    var ori_image = '{$PRODUCTS_IMAGE}';
    var ori_popup = '{$PRODUCTS_POPUP_LINK_BASE}';
    </script>

    durch das:

    Code: Javascript  [Auswählen]
    <script>
    var ori_image = '{$PRODUCTS_IMAGE}';
    var ori_popup = '{$PRODUCTS_IMAGE|replace:"info_images":"popup_images"}';
    </script>

    in der "product_options_dropdown_ai.html" :
    ersetze dies:

    Code: Javascript  [Auswählen]
    if (images[option] && images[option][attribute] != '') {literal}{{/literal}
                    t_img = '{$INFO_IMAGE_PATH}'+images[option][attribute];
                    t_pop = "javascript:popupWindow('"+ori_popup+"&ai="+images[option][attribute]+"')";
            {literal}}{/literal} else {literal}{{/literal}
                    t_img = ori_image;
                    t_pop = "javascript:popupWindow('"+ori_popup+"&imgID=0')";
            {literal}}{/literal}

    durch das:

    Code: Javascript  [Auswählen]
    if (images[option] && images[option][attribute] != '') {literal}{{/literal}
                    t_img = '{$INFO_IMAGE_PATH}'+images[option][attribute];
                    t_pop = '{$INFO_IMAGE_PATH|replace:"info_images":"popup_images"}'+images[option][attribute];
            {literal}}{/literal} else {literal}{{/literal}
                    t_img = ori_image;
                    t_pop = ori_popup;
            {literal}}{/literal}

    Gruesse

    crock

    • Neu im Forum
    • Beiträge: 13
    Re: BETA MODUL: Artikelbild mittels Attribut wechseln
    Antwort #14 am: 22. Februar 2012, 12:52:51
    Hallo hedon02,

    also das mit <img "id="products_image" verstehe ich nicht ganz, hab keinen Plan wo ich das einfügen soll. Sorry ich bin darin nicht so gut muss ich gestehen :(

    Deinen Code habe ich auch ausprobiert, dabei werden die Bilder beim Anklicken nicht mehr in einem eigenen PopUp angezeigt, sondern es wird im Browserfenster nur noch das Artikelbild angezeigt. Das restliche Shoptemplate verschwindet dabei. Somit kommt die Thickbox leider nicht zum Einsatz.

    Danke Dir für die Mühen und lg
    1 Antworten
    2713 Aufrufe
    05. April 2012, 16:17:06 von hedon02
    13 Antworten
    7461 Aufrufe
    10. Januar 2012, 16:10:44 von Tomcraft
    1 Antworten
    2628 Aufrufe
    24. September 2012, 12:10:33 von jannemann
    4 Antworten
    4261 Aufrufe
    23. April 2010, 13:29:44 von Tomcraft
               
    anything