Link in der product_info_v1.html

[koshiro]

Hallo,
hat vielleicht jemand eine Idee wie man diesen Befehl hier umschreiben kann, so das er unter dem Bild erhalten bleibt(Bild Vergößern) aber trotzdem Valide ist.
Ich weis, ich mit meinem Validierungswahn, aber so weit was ich bisher gelernt habe gehört ein Div Befehl nicht innerhalb eines Inline Block Elements.

Code: PHP  [Auswählen]

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

Ich habe schon mehrere Sachen probiert zum beispiel mit dem universal Span Befehl, aber dann verschiebt man den Text Bild Vergrößern neben das Bild.
Wie gesagt ist nichts besonders wichtiges jetzt, aber ich finde halt keine Lösung dafür, und dachte eventuell hat ja hier jemand noch einen Vorschlag für mich.
Gruß
Micha



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

[guensi]

Ohne den Context zu kennen würd ich das mal so versuchen:

Code: XML  [Auswählen]

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

Denn eines ist sicher, ein Blockelement innerhalb eines inline-Elementes ist definitiv Schrott.

Edit - nochmal ein br eingefügt, sollte jetzt eines zuviel sein für deine Einstellung, das erste entfernen

[koshiro]

Hallo Guensi,
ja das sag ich ja, das es falsch ist, ist aber so in der Original Datei drin. Den schrott habe ich nicht geschrieben.
Ich teste mal den Code von Dir gleich, und gebe bescheid.
Gruß
Micha

[guensi]

Code: XML  [Auswählen]

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

Nochmal betrachtet, eigentlich muss das erste br sowieso raus. s.o. Denn ein HR erzeugt sowieso eine neue Zeile. Damit ist das überflüssig, es sei denn du wolltest einen Abstand zum Strich.

[Tomcraft]

Das wird so nix.

[koshiro]

Hallo Torsten,
stimmt, so haut das noch nicht hin. Hast Du für mich noch einen besseren vorschlag wie man das sauber lösen kann, oder geht das gar nicht zu lösen ?
Gruß
Micha

[Tomcraft]

Du musst dann zumindest noch die stylesheet.css bearbeiten, denn die Klasse ist an das DIV gebunden.

Code: CSS  [Auswählen]

[...]
div.hrlightgrey {
        padding-top:1px;
        height:0;
        overflow:hidden;
        margin:0;
        line-height:0px;
        background-color:#999;
}
[...]
 

Grüße

Torsten

[koshiro]

Hallo Torsten,
verstehe nicht ganz was ich jetzt an der Stylesheet ändern soll, denn die Position bleibt doch bestehen, oder stehe ich jetzt aufn schlauch?
Gruß
Micha

[Tomcraft]

Du änderst doch DIV in SPAN, dann musst du in der stylesheet.css auch folgendes ergänzen:

Code: CSS  [Auswählen]

[...]
span.hrlightgrey {
        padding-top:1px;
        height:0;
        overflow:hidden;
        margin:0;
        line-height:0px;
        background-color:#999;
}
[...]
 

Grüße

Torsten

[koshiro]

Hallo Torsten,
ok das meinst Du, ja das ist klar. Ich denke nur das man doch dann alles in der produkt_info wo <div class="hrlightgrey"></div> steht ändern müßte in span oder nicht?
Gruß
Micha

[Tomcraft]

Jepp. DIV macht an der Stelle wirklich keinen Sinn.

Wird auch ins SVN übernommen, wenn jemand das schön formatiert hat. *gg*

Ich lehne mich jetzt so kurz vor Weihnachten auch mal ein wenig zurück und geh alles ein wenig ruhiger an.

Grüße

Torsten

[koshiro]

Ok dann werde ich die Datei, mal sauber machen und alles Testen, und wenns fertig ist lade ich Sie hier hoch.
Gruß
Micha

[Tomcraft]

Danke.

Grüße

Torsten

[koshiro]

So habe es jetzt mal wie folgt eingegeben.
in der Stylesheet:

Code: CSS  [Auswählen]

span.hrlightgrey {
        padding-top:1px;
        height:0;
        overflow:hidden;
        margin:0;
        line-height:0px;
        background-color:#999;
}
 

in der Product_info_v1.html

Code: XML  [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!=''}

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

        {/if}</td><td>
        <div id="productinfopricewithimages">

                        <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}
                        <span class="hrlightgrey"></span>{$PRODUCTS_VPE}{/if}
                        {if $MODULE_graduated_price !=''}<span class="hrlightgrey"></span>{$MODULE_graduated_price}{/if}
                        {if $PRODUCTS_DISCOUNT!=''}<span class="hrlightgrey"></span>{$PRODUCTS_DISCOUNT}{/if}
                        {if $PRODUCTS_FSK18=='true'}<span class="hrlightgrey"></span><img src="{$tpl_path}img/fsk18.gif" alt="" />{/if}
                        {if $PRODUCTS_MODEL!=''}<span class="hrlightgrey"></span>
                        <strong>{#model#}</strong> {$PRODUCTS_MODEL}{/if}
                        {if $PRODUCTS_URL != ''}
                        <span class="hrlightgrey"></span><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ä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 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}
 

Es ist zwar jetzt vom Validator Fehler frei, aber es werden noch 2 Warnungen angezeigt
Trimming Empty <span> keine Ahnung wie man das noch umgehen kann, ich werde mal weiter testen und lesen. Vielleicht hat ja noch einer eine Idee dazu.
Gruß
Micha

[Tomcraft]

In welchem Shop kann man das Ergebnis bestaunen?

Hast du mal einen Link für mich?

Grüße

Torsten