mehrere Produktbilder - Ansicht fehlerhaft

[brotherlui]

Hallo,

wenn ich mehrere Produktbilder nutzen möchte, dann sieht die Ansicht leider so aus

http://www.webbomb.de/shop/Haus-Garten/-Uhren-Wecker/-Wanduhren/::4546.html

Gerne möchte ich die 2 zusätzlichen Produktbiler in einer passenden Größe unten anzeigen lassen, kann mir aber noch kein Bild davon machen, wo ich hier ansetzen muss. Habe mir auch schon die product_info_v1.html angeschaut, ebenso die passende .css - kann dort aber nur für die Box unten die Breite usw. einstellen, komme also nicht wirklich weiter. Danke für Hilfe.

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

[brotherlui]

hallo,
habe es nun so gelöst: Mehrere Produktbilder NUR im Popup anzeigen

[brotherlui]

eine sache würde ich nun gerne noch ändern ...

wie verlinke ich den satz "<- weitere Bilder & Grossansicht bitte Bild klicken -> " mit der Thickbox, so dass sich diese dann mit den Bildern öffnen würde ? Danke.

[karsta.de]

Am Besten legst du diesen Text: <- weitere Bilder & Grossansicht bitte Bild klicken -> in die Sprachdatei unter: lang\german\lang_german.conf
suche: [product_info] > text_zoom = 'Bild vergr&ouml;&szlig;ern'
ersetze: text_zoom = '<- weitere Bilder & Grossansicht bitte Bild klicken ->'
Und in deinem Template unter /module/product_info/product_info_v1.html an der Stelle, wo der Link hin soll, ersetzt du deinen Text mit {#text_zoom#}
z.B. so und zwar mit in den Link des Bildes.

Code: PHP  [Auswählen]

{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}

(Du könntest, wenn du einen einsprachigen Shop hast, natürlich den Text auch direkt an die gleiche Stelle setzen. Würde auch funktionieren.)

[brotherlui]

vielen Dank aber ich verstehe noch nicht ganz den letzten schritt von dir, wo ich genau in meinem fall {#text_zoom#} einfügen soll .... so sieht meine product_info_v1.html aus:

Code: PHP  [Auswählen]

{config_load file="$language/lang_$language.conf" section="product_info"}
{literal}
<script type="text/javascript">
        actual=1;
    img=new Array();
    bimg=new Array();
{/literal}
        img[1]="{$PRODUCTS_IMAGE}";
        img[2]="{$PRODUCTS_IMAGE_1}";
        img[3]="{$PRODUCTS_IMAGE_2}";
        img[4]="{$PRODUCTS_IMAGE_3}";
        img[5]="{$PRODUCTS_IMAGE_4}";
        img[6]="{$PRODUCTS_IMAGE_5}";
        img[7]="{$PRODUCTS_IMAGE_6}";

        bimg[1]="{$PRODUCTS_IMAGE_POPUP}";
        bimg[2]="{$PRODUCTS_IMAGE_POPUP_1}";
        bimg[3]="{$PRODUCTS_IMAGE_POPUP_2}";
        bimg[4]="{$PRODUCTS_IMAGE_POPUP_3}";
        bimg[5]="{$PRODUCTS_IMAGE_POPUP_4}";
        bimg[6]="{$PRODUCTS_IMAGE_POPUP_5}";
        bimg[7]="{$PRODUCTS_IMAGE_POPUP_6}";
{literal}
        function changeimage(id){
                document.getElementById("thumblink"+actual).rel="lightbox[product_pics]";
                actual=id;
                document.getElementById("thumblink"+actual).rel="";
                document.getElementById("image").src= img[actual];
                document.getElementById("imagelink").href= bimg[actual];
        }
        $.easing.backout = function(x, t, b, c, d){
                var s=1.70158;
                return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
        };
        jQuery(function( $ ){
                $('#imagegalery').scrollShow({
                        view:'.imagegalery_content',
                        content:'.imagegalery_ul',
                        navigators:'#scroll_left, #scroll_right',
                        easing:'backout',
                        circular:true,
                        start:0
                });
         });
        </script>
{/literal}

<div class="grbox produktinfo">


<div class="grbox-content produktinfo-content"><div class="p1">
{$FORM_ACTION}

<div class="aview-row1">

<div id="aview-pic">
{*
{if $PRODUCTS_IMAGE!=''}<div id="aview_pic1"><a href="{$PRODUCTS_IMAGE}" id="imagelink" rel="lightbox[product_pics]" title="{$PRODUCTS_NAME}" onmouseover="einblenden('lupen_div');" onmouseout="einblenden('lupen_div');"><img id="image" src="{$PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}" border="0" ><div style="display:none" id="lupen_div"><img src="{$tpl_path}img/ico_lupe.gif"></div></a><br></div>{else}<div id="aview_pic1"><img id="image" src="{$tpl_path}img/noimg2.gif" alt="{$PRODUCTS_NAME}" /></div>{/if}
*}
{if $PRODUCTS_IMAGE!=''}<div id="aview_pic1"><a title="{$PRODUCTS_NAME}" id="imagelink" href="{$PRODUCTS_IMAGE|replace:"info_images":"popup_images"}" class="thickbox" rel="{$PRODUCTS_ID}" onmouseover="einblenden('lupen_div');" onmouseout="einblenden('lupen_div');"><img src="{$PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}" class="productimage" /><div style="display:none" id="lupen_div"><img src="{$tpl_path}img/ico_lupe.gif"></div></a><br>
  <a href="<a href={$PRODUCTS_IMAGE}</a>"{$PRODUCTS_IMAGE}><br>
    </a>
</div>{else}<div id="aview_pic1"><img id="image" src="{$tpl_path}img/noimg2.gif" alt="{$PRODUCTS_NAME}" /></div>{/if}

<!-- more images -->





{if $PRODUCTS_IMAGE_1 != ''}
<br>
<div id="aview_picscroll">
        <ul id="imagegalery">
                <li class="imagegalery_scroll_left"><a id="scroll_left" href="#" onclick="return false"></a></li>
                <li class="imagegalery_content">
                        <ul class="imagegalery_ul">
                                {if $more_images|@count > 0}
                                <!-- More Pictures -->
                                {foreach item=more_images_data from=$more_images}
                                <li><a class="thickbox" rel="{$PRODUCTS_ID}" title="{$PRODUCTS_NAME}" href="{$more_images_data.PRODUCTS_IMAGE|replace:"info_images":"popup_images"}"><img src="{$more_images_data.PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}" /></a></li>
                                {/foreach}
                                {/if}
{*
                                <li><a href="{$PRODUCTS_IMAGE_POPUP}" rel="lightbox[product_pics2]" title="{$PRODUCTS_NAME}" id="thumblink1"></a><img src="{$PRODUCTS_IMAGE_MINI}" alt="{$PRODUCTS_NAME}" onclick="changeimage(1);"></li>
                                {if $PRODUCTS_IMAGE_1 != ''}<li><a href="{$PRODUCTS_IMAGE_POPUP_1}" rel="lightbox[product_pics]" title="{$PRODUCTS_NAME}" id="thumblink2"></a><img src="{$PRODUCTS_IMAGE_MINI_1}" alt="{$PRODUCTS_NAME}" onclick="changeimage(2);"></li>{/if}
                                {if $PRODUCTS_IMAGE_2 != ''}<li><a href="{$PRODUCTS_IMAGE_POPUP_2}" rel="lightbox[product_pics]" title="{$PRODUCTS_NAME}" id="thumblink3"></a><img src="{$PRODUCTS_IMAGE_MINI_2}" alt="{$PRODUCTS_NAME}" onclick="changeimage(3);"></li>{/if}
                                {if $PRODUCTS_IMAGE_3 != ''}<li><a href="{$PRODUCTS_IMAGE_POPUP_3}" rel="lightbox[product_pics]" title="{$PRODUCTS_NAME}" id="thumblink4"></a><img src="{$PRODUCTS_IMAGE_MINI_3}" alt="{$PRODUCTS_NAME}" onclick="changeimage(4);"></li>{/if}
                                {if $PRODUCTS_IMAGE_4 != ''}<li><a href="{$PRODUCTS_IMAGE_POPUP_4}" rel="lightbox[product_pics]" title="{$PRODUCTS_NAME}" id="thumblink5"></a><img src="{$PRODUCTS_IMAGE_MINI_4}" alt="{$PRODUCTS_NAME}" onclick="changeimage(5);"></li>{/if}
                                {if $PRODUCTS_IMAGE_5 != ''}<li><a href="{$PRODUCTS_IMAGE_POPUP_5}" rel="lightbox[product_pics]" title="{$PRODUCTS_NAME}" id="thumblink6"></a><img src="{$PRODUCTS_IMAGE_MINI_5}" alt="{$PRODUCTS_NAME}" onclick="changeimage(6);"></li>{/if}
                                {if $PRODUCTS_IMAGE_6 != ''}<li><a href="{$PRODUCTS_IMAGE_POPUP_6}" rel="lightbox[product_pics]" title="{$PRODUCTS_NAME}" id="thumblink7"></a><img src="{$PRODUCTS_IMAGE_MINI_6}" alt="{$PRODUCTS_NAME}" onclick="changeimage(7);"></li>{/if}
*}
                        </ul>
                </li>
        <li class="imagegalery_scroll_right"><a id="scroll_right" href="#" onclick="return false"></a></li>
        </ul>
</div>
{/if}
<!-- more images<br />{if $PRODUCTS_IMAGE_LINK!=''}{$PRODUCTS_TEXT_ZOOM}<br />{/if} eof -->
</div>

<div id="aview-information">
<div class="pinfo_head"><h1>{$PRODUCTS_NAME|truncate:100:"...":true}</h1></div>

    <div class="pinfo-price-wrap">
        <div class="pinfo-price">{$PRODUCTS_PRICE}{$PRODUCTS_DISCOUNT}</div>
        <div class="pinfo-tax-wrap">{$PRODUCTS_TAX_INFO}{if $MODULE_graduated_price !=''}{$MODULE_graduated_price}{/if}{if $PRODUCTS_SHIPPING_LINK}{$PRODUCTS_SHIPPING_LINK}{/if}<b style="color: #C30B22">{if $PRODUCTS_VPE}<div class="hrlightgrey"></div>{$PRODUCTS_VPE}{/if}</b></div></div>
<br style="clear:both"/><br>
{if $PRODUCTS_EAN !='' or $SHIPPING_NAME or $PRODUCTS_QUANTITY !='' }<br>
<div id="aview-infos">{if $PRODUCTS_MODEL !=''}<div id="ai_model"><div class="infos_lable">{#model#}&nbsp;</div><div class="infos_wert">{$PRODUCTS_MODEL}</div></div>{/if}
{if $PRODUCTS_EAN !=''}<div id="ai_ean"><div class="infos_lable">{#model_ean#}&nbsp;</div><div class="infos_wert">{$PRODUCTS_EAN}</div></div>{/if}
{if $SHIPPING_NAME}<div id="ai_shipname"><div class="infos_lable">{#text_shippingtime#}&nbsp;</div><div class="infos_wert">{$SHIPPING_NAME}</div></div>{/if}
{if $MANUFACTURER}<div id="ai_manu"><div class="infos_lable">Hersteller&nbsp;</div><div class="infos_wert">{$MANUFACTURER}</div></div>{/if}
<div id="ai_available"><div class="infos_lable">Warenbestand:</div><div class="infos_wert">{$PRODUCTS_ID|StockImage_by_ProductsID}</div></div>
<div id="ai_qty"><div class="infos_lable">{#text_qty#}&nbsp;</div><div class="infos_wert">{$ADD_QTY}</div></div>
{if $MODULE_product_options !=''}{$MODULE_product_options}<br style="clear:both"></div>{/if}
<br style="clear:both">{/if}

<div id="pinfo_cartbutton">{$ADD_CART_BUTTON}</div>
<div class="pinfo_icons">{$PRODUCTS_PRINT}{$ASK_PRODUCT_QUESTION}<br style="clear:both"/></div>

</div>
</div>
<br style="clear:both"/>
{$FORM_END}
<!--{if $FACEBOOK_LIKE_BUTTON != ''}
  <div style="margin-top:17px;">
   {$FACEBOOK_LIKE_BUTTON}-->
  </div>
{/if}
<div class="artikelbeschreibung">{$PRODUCTS_DESCRIPTION}</div>

<div class="extra_info_1">
{if $PRODUCTS_URL != ''}<div style="float:right">{$PRODUCTS_URL}</div>{/if}

</div>
<br style="clear:both"/>
</div>

</div>

</div>

<div class="extra_info_2">
{if $MODULE_also_purchased != ''}<div id="aview_also_purchased">{$MODULE_also_purchased}<br /></div>{/if}
{if $MODULE_products_reviews != ''}<div id="aview_products_reviews">{$MODULE_products_reviews}<br /></div>{/if}
{if $MODULE_cross_selling != ''}<div id="aview_cross_selling">{$MODULE_cross_selling}<br /></div>{/if}
{if $MODULE_reverse_cross_selling != ''}<div id="aview_reverse_cross_selling">{$MODULE_reverse_cross_selling}<br /></div>{/if}
{if $MODULE_products_media != ''}<div id="aview_products_media">{$MODULE_products_media}<br /></div>{/if}
</div>
 

[brotherlui]

soll heißen, ich verstehe nicht:

Code: PHP  [Auswählen]

{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}

wo genau muss ich in meinem fall {#text_zoom#} einfügen ???

[brotherlui]

@ kgd

bitte, was mache ich falsch ? bin für jede info dankbar - habe ja gerne deinen vorschlag probiert, komme aber leider nicht weiter ... danke.

[karsta.de]

Also ich muß sagen deine product_info.html sieht ziemlich zusammengeschustert aus.

Versuche mal in Zeile 60 folgendes zu ändern:
suche:

Code: PHP  [Auswählen]

<div style="display:none" id="lupen_div"><img src="{$tpl_path}img/ico_lupe.gif"></div></a>
 

ersetze:

Code: PHP  [Auswählen]

<div style="display:none" id="lupen_div"><img src="{$tpl_path}img/ico_lupe.gif"></div><br />{#text_zoom#}</a>

[brotherlui]

Also ich muß sagen deine product_info.html sieht ziemlich zusammengeschustert aus.

...

  

hat aber nun funktioniert - vielen Dank 

[brotherlui]

neues problem ...

so soll es sein (und es ging auch die ganze zeit so ?!) ein produkt mit mehreren artikelbilder, nach anklicken kann man diese durchklicken :

http://www.webbomb.de/shop/Haus-Garten/-Uhren-Wecker/-Wanduhren/Funk-Wanduhr-mit-Zifferblatt-Beleuchtung-Licht-Funkuhr-Kuechenuhr::4546.html

Nun ist folgende situation aktuell - importiere ich aus afberbuy die produkte wie gehabt in meinen shop (ausgewählt sind die product_info_v1.html und product_options_dropdown.html), dann ist NOCH alles wie gehabt und ok. Sobald ich jedoch im Backend vom modified eCommerce Shopsoftware ein zusätzliches bild hochlade, oder generell etwas ändere wie z.b. beschreibung usw. und DANACH auf speichern gehe, dann fehlt ab sofort die überschrift des produkts ganz oben   - somit wird dieses dann auch logischerweise nicht mehr in der suche gefunden - siehe hier

http://www.webbomb.de/shop/product_info.php?products_id=4566

Hat jemand eine ahnung was da schief läuft ? Welche dateien müssen generell alles in den ordnern "product_options" & "product_info" enthalten sein ? Eventuell wurde hier etwas beim testen falsch benannt oder gelöscht ?! keine ahnung was ..... 

[brotherlui]

oder besser gefragt ....

wenn ich mir das produkt im frontend anschaue, auf welche product_options_dropdown.html wird dann in dem Moment zugegriffen ?? Benenne ich diese auf dem Server um (cache geleert) - keine Veränderung. Benenne ich diese in der DB um bei dem jeweiligen Produkt - keine Veränderung. Oder bin ich hier total auf der falschen Spur 

EDIT: Link hat sich geändert .. hier der neue:

http://www.webbomb.de/shop/Software-Games/-PC-Konsolen-Games/-PC/::4567.html