ANLEITUNG: Artikelbilder mit Bildunterschriften / Bildbeschreibungen

[Tomcraft]

Dankeschön! Ich habe das in der Anleitung von jeanluc verlinkt.

Grüße

Torsten

[Papi.Sanchez]

Hi,
Gerne würde ich die Bildunterschrift in der Thickbox unter dem Bild ausgeben.
Wie könnte man das bewerkstelligen? In der thickbox.js müsste man dazu irgendwie an die jeweilige image_description kommen. Wie kann man das ohne utopischen Aufwand bewerkstelligen?

Danke!

Ich habe das so in der product_info_tabs_v1.html realisiert:

Code: PHP  [Auswählen]

<table style="display: inline;">
        <tr>
                <td><a class="thickbox" rel="{$PRODUCTS_ID}" title="{$more_images_data.PRODUCTS_IMAGE_DESCRIPTION} - {$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>
                </td>
        </tr>
        <tr>
                <td>{$more_images_data.PRODUCTS_IMAGE_DESCRIPTION}</td>
        </tr>
</table>

[jeanluc]

Super Leute!!!

Bin grad über die Forensuche zufällig wieder über diesen Thread gestolpert und hab festgestellt, dass tatsächlich jemand weitergebastelt hat. Echt toll...

Ich werde das mal ausprobieren. Leider hatte ich bisher nicht die Zeit, selbst an den Modul weiterzubasteln und freue mich umso mehr, dass Arhu hier etwas gebaut hat  

PS: Warum schickt das Forum mir keine Email, wenn hier was gepostet wird, obwohl ich es in meinem Profil so eingestellt habe?

Grüße
Stefan

[Tomcraft]

[...]
PS: Warum schickt das Forum mir keine Email, wenn hier was gepostet wird, obwohl ich es in meinem Profil so eingestellt habe?
[...]

Du musst dazu das Thema zu deinen Favoriten hinzufügen.

Grüße

Torsten

[Unterwassergaertner]

Danke für das tolle Tool.

Ich habe ein kleines Problem. Nach dem Hochladen der Artikelbeschreibung erhalte ich folgende Meldung:

Code: PHP  [Auswählen]

1054 - Unknown column 'products_image_description' in 'field list'

Das Datenbankfeld existiert aber und ist nach dem Hochladen auch mit der eingegebenen Bildunterschrift gefüllt.
Aber wo kommt die Fehlermeldung denn her?

[Tomcraft]

Überprüfe mal bitte die genaue Schreibweise der Spalte in der Tabelle.

Ich muss da erstmal der Fehlermeldung Glauben schenken.

Grüße

Torsten

[nickibaer]

Das ist eine Super Erweiteruung! Ich habe nur leider das Problem, dass ich den JS Highlside Viewer nutze. Dieser sieht wie folgt aus:

Code: PHP  [Auswählen]

        <div id="gallery-area" style="width: 100%; height: 500px; margin: 0 auto; border: 1px solid silver">

        <div class="hidden-container">

         {if $PRODUCTS_IMAGE!=''}  <a href="{$PRODUCTS_IMAGE_POPUP}" id="thumb1" class="highslide" onclick="return hs.expand(this, inPageOptions)" onfocus="if(this.blur)this.blur()"><img src="{$PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}" /></a>{/if}
         {if $PRODUCTS_IMAGE_1!=''}<a href="{$PRODUCTS_IMAGE_POPUP_1}" class="highslide" onclick="return hs.expand(this, inPageOptions)" onfocus="if(this.blur)this.blur()"><img src="{$PRODUCTS_IMAGE_1}" alt="{$PRODUCTS_NAME}" /></a>{/if}
         {if $PRODUCTS_IMAGE_2!=''}<a href="{$PRODUCTS_IMAGE_POPUP_2}" class="highslide" onclick="return hs.expand(this, inPageOptions)" onfocus="if(this.blur)this.blur()"><img src="{$PRODUCTS_IMAGE_2}" alt="{$PRODUCTS_NAME}" /></a>{/if}
         {if $PRODUCTS_IMAGE_3!=''}<a href="{$PRODUCTS_IMAGE_POPUP_3}" class="highslide" onclick="return hs.expand(this, inPageOptions)" onfocus="if(this.blur)this.blur()"><img src="{$PRODUCTS_IMAGE_3}" alt="{$PRODUCTS_NAME}" /></a>{/if}
         {if $PRODUCTS_IMAGE_4!=''}<a href="{$PRODUCTS_IMAGE_POPUP_4}" class="highslide" onclick="return hs.expand(this, inPageOptions)" onfocus="if(this.blur)this.blur()"><img src="{$PRODUCTS_IMAGE_4}" alt="{$PRODUCTS_NAME}" /></a>{/if}
         {if $PRODUCTS_IMAGE_5!=''}<a href="{$PRODUCTS_IMAGE_POPUP_5}" class="highslide" onclick="return hs.expand(this, inPageOptions)" onfocus="if(this.blur)this.blur()"><img src="{$PRODUCTS_IMAGE_5}" alt="{$PRODUCTS_NAME}" /></a>{/if}
         {if $PRODUCTS_IMAGE_6!=''}<a href="{$PRODUCTS_IMAGE_POPUP_6}" class="highslide" onclick="return hs.expand(this, inPageOptions)" onfocus="if(this.blur)this.blur()"><img src="{$PRODUCTS_IMAGE_6}" alt="{$PRODUCTS_NAME}" /></a>{/if}
         {if $PRODUCTS_IMAGE_7!=''}<a href="{$PRODUCTS_IMAGE_POPUP_7}" class="highslide" onclick="return hs.expand(this, inPageOptions)" onfocus="if(this.blur)this.blur()"><img src="{$PRODUCTS_IMAGE_7}" alt="{$PRODUCTS_NAME}" /></a>{/if}

        </div>

        </div>
 

Könnte mir bitte Jemand sagen wie ich den Code ändern muss damit die Bildunterschriften angezeigt werden? Danke!

Grüsse,

Nicole

[Taboh]

Hallo,
endlich habe das auch eingebaut bekommen.

Aufgeschrieben, einzeln nach geguckt und und und

Jetzt raucht mir der Kopf.

Mein Problem ist, dass die Bilder stufenweise nach unten rutschen wie eine Treppe.

könnte mir jemand sagen wieso das so ist ?

Eingebaut habe ich es in ein frisch installierten Shop Version 1.05 SP1b ohne irgendwelche Datenänderung.

Der Text über die kleinen Artikelbilder ist kein Problem den nach links zu bekommen, aber warum ist alles stufenweise ?

Wenn das nicht reicht mit den Screenshot, installiere ich den Shop online.

[Tomcraft]

Link zum Shop wäre praktisch.

Vielleicht reicht aber auch schon der Code aus der "/templates/<dein-template>/module/product_info/product_info_v1.html".

Grüße

Torsten

[Taboh]

Hallo,
och mit einer so schnellen Antwort habe ich nicht gerechtent.
Ich wollte gerade alles ausmachen und ab in die Haia.

och die schon wieder.

so hier mal mein Code:

Code: PHP  [Auswählen]

{config_load file="$language/lang_$language.conf" section="product_info"}
{$FORM_ACTION}
<h1>{$PRODUCTS_NAME}</h1>

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

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

        {/if}</td><td>
        <div id="productinfoprice">
               
                        <p class="productprice"><strong>{$PRODUCTS_PRICE}</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}
<!-- 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&auml;hlen Sie nun noch die gew&uuml;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}
<p>{$more_images_data.PRODUCTS_IMAGE_DESCRIPTION}</p>
<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}

Wenn das nicht reicht installiere ich morgen mal den Shop.

So jetzt gehe ich in die Haia

[Tomcraft]

Benutze mal den Code hier:

Code: PHP  [Auswählen]

{config_load file="$language/lang_$language.conf" section="product_info"}
{$FORM_ACTION}
<h1>{$PRODUCTS_NAME}</h1>

<div id="productinfowrap">
<table><tr><td style="padding-right:20px;">
        {if $PRODUCTS_IMAGE!=''}
                {$PRODUCTS_IMAGE_DESCRIPTION}<br />
                <a title="{$PRODUCTS_NAME}" href="{$PRODUCTS_IMAGE|replace:"info_images":"popup_images"}" class="thickbox" rel="{$PRODUCTS_ID}"><br><img src="{$PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}" class="productimage" />{if $PRODUCTS_POPUP_LINK!=''}<br/>{#text_zoom#}{/if}</a>

        {/if}</td><td>
        <div id="productinfoprice">
               
                        <p class="productprice"><strong>{$PRODUCTS_PRICE}</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}
<!-- 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&auml;hlen Sie nun noch die gew&uuml;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}
<p>{$more_images_data.PRODUCTS_IMAGE_DESCRIPTION}</p>
<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}

Grüße

Torsten

[Taboh]

Guten Morgen,
das mit dem Code funktioniert nicht.
Da habe ich keine Änderung.

Ich habe ein Test-Shop erstellt und nicht an den Dateien rumgefummelt sondern nur die entsprechenden geänderten für den Zusatz-Text hochgeladen.

Installiert ist Version 1.05 SP1b

zum Test-Shop und direkt zum Artikel

EDIT: Achso habe ich vergessen zu sagen.
Es ist wieder meine "product_info_v1.html"

[Da Sandro]

Hi zusammen,

ich hab soweit alles eingebaut. Die Ausgabe im Template habe ich noch weggelassen, da ich mir da noch 'ne Lösung überlegen möchte.
Habe aber beim Speichern einer Bildbeschreibung einen Fehler:

Code: PHP  [Auswählen]

1054 - Unknown column 'products_image_description' in 'field list'

update products_description set products_image_description = '', products_name = 'Dectane Rückleuchten', products_description = '

.Standlicht/Schlusslicht
\r\n.Bremslicht
\r\n.Blinker
\r\n.Rückfahrscheinwerfer
\r\n.Nebelschlusslicht
\r\n.kompatibel mit Bordcomputer
\r\n.mit E-Prüfzeichen \"E-Prüfzeichen\" / zugel. im Bereich der STVZO \"STVZO\"
\r\n.ohne Kabelstrang und Leuchtmittel
\r\n.1 Set bestehend aus 4 Teilen
', products_short_description = '

Passend für Alfa Romeo 145 Baujahr 94 bis 01.
', products_keywords = '', products_url = '', products_meta_title = '', products_meta_description = '', products_meta_keywords = '' where products_id = '6854' and language_id = '2'

[XT SQL Error]

Kann mir da bitte jemand helfen?

PS: Die Bildunterschrift wird aber gespeichert - trotz des Fehlers.

[Da Sandro]

Ich habe Toms Beitrag eine Seite zuvor gelesen und daraufhin nochmal die korrekte Schreibweise in der DB geprüft. Die sind identisch (siehe Bilder).

Von was kann die Fehlermeldung dann kommen?!?

[franky_n]

Hi descreator,

steht die products_image_description Spalte auch sicher in der Tabelle "products_description" und nicht in der Tabelle "products"?

Denn die Fehlermeldung ist ziemlich eindeutig das die Spalte nicht gefunden wird...

Viele Grüße

Franky