Template xtc5 (Bilder im Quelltext einfach an der falschen Stelle)

[Elmar]

@guensi
Deine Probleme resultieren daraus, dass deine Bilder im Quelltext einfach an der falschen Stelle stehen. Dazu musst du im Template etwas umbauen.

hallo guensi,

ist das jtl-wawi zum xtc5 template nicht kompatibel?
wie erwähnt übertrage ich damit. Also wenn es da probleme gibt, lieg das ja wohl an der wawi.

gruss elmar



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

[guensi]

Nö, das problem liegt darin, wo deine Bilder im Template eingebaut werden. Wenn du mehr als ein Bild da einbauen willst, musst du das entsprechend definieren.

Momentan wird das gemacht:
Produktbild 1 eingebaut.
dann:
Tabelle eröffnet, Produktbild 2 eingebaut mit dem Text daneben.

Ergebnis: erstes Bild steht oben, dann kommt darunter die Tabelle mit dem zweiten Bild und dem Text.

[guensi]

So wie ich das sehe machst du folgendes: Du lädst mit den Daten zum Produkt noch ein zweites Bild hoch richtig?

[Elmar]

hallo,

ich habe für artikel im admin definiert, dass bis zu drei bilder machbar sind. für kategorien, gibt es die wahl nicht. wenn das ein problem ist, lasse ich nur die darstellung von einem bild zu.

im jtl-wawi hast du auch die möglichkeit, bis zu drei bilder mit zu senden.
mache heute nur schönheistkorrekturen.

gruss elmar

[guensi]

Also gehen sollte das schon, du müsstest dazu aber was an der product_info_v1.html umbauen.

Poste mal wie deine im Moment aussieht, dann sehen wir mal ob wir das nicht hinkriegen.

[Elmar]

here it is:

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!=''}

                <a title="{$PRODUCTS_NAME}" href="{$PRODUCTS_IMAGE|replace:"info_images":"popup_images"}" class="thickbox" rel="{$PRODUCTS_ID}"><img src="{$PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}" /></a>
                {if $PRODUCTS_POPUP_LINK!=''}<div class="hrlightgrey"></div><a href="{$PRODUCTS_POPUP_LINK}" onclick="window.open(this.href); return false;">{#text_zoom#}</a>{/if}                    

        {/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}
                        <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="" />{/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}
        <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 $PRODUCTS_IMAGE_1 != ''}
<!-- More Pictures -->
<div class="morepics">

{if $PRODUCTS_IMAGE_1 != ''}
<a class="thickbox" rel="{$PRODUCTS_ID}" title="{$PRODUCTS_NAME}" href="{$PRODUCTS_IMAGE_1|replace:"info_images":"popup_images"}"><img src="{$PRODUCTS_IMAGE_1}" alt="{$PRODUCTS_NAME}" /></a>
{/if}

{if $PRODUCTS_IMAGE_2 != ''}
<a class="thickbox" rel="{$PRODUCTS_ID}" title="{$PRODUCTS_NAME}" href="{$PRODUCTS_IMAGE_2|replace:"info_images":"popup_images"}"><img src="{$PRODUCTS_IMAGE_2}" alt="{$PRODUCTS_NAME}" /></a>
{/if}

<div style="clear:both;"></div>
</div>
{/if}

{if $PRODUCTS_QUANTITY>= '5'}
Lagerbestand:
<img src="images/icons/ampel_gruen.jpg" alt="Artikel vorr&auml;tig" title="Artikel vorr&auml;tig" /><br />
{/if}
{if $PRODUCTS_QUANTITY <= '4' and $PRODUCTS_QUANTITY>= '1'}
Lagerbestand:
<img src="images/icons/ampel_gelb.jpg" alt="Artikel noch vorr&auml;tig" title="Artikel noch vorr&auml;tig" /><br />
{/if}
{if $PRODUCTS_QUANTITY <= '0'}
Lagerbestand:
<img src="images/icons/ampel_rot.jpg" alt="Artikel nicht vorr&auml;tig" title="Artikel nicht vorr&auml;tig" /><br />
{/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}

[guensi]

GRMPF - da kann ich mich lange wundern - sorry mein Fehler - das findet sich natürlich in der product_listing_v1.html
Bitte die auch nochmal posten.

Was schon mal nach kurzem Sezieren der Seite auffällt, dein Shop produziert kein vernünftiges HTML.

Code: XML  [Auswählen]

<P align=center><STRONG><FONT color=#808080>Ein gutes gebrauchtes ist besser, als ein defektes iPhone! 100% Funktion</STRONG></P></p>

Sollte aber so aussehen (Grossschrift raus!):

Code: XML  [Auswählen]

<p align=center><strong><font color=#808080>Ein gutes gebrauchtes ist besser, als ein defektes iPhone! 100% Funktion</strong></p></p>

Nehme mal an, die Browser sind Fehlertolerant genug um das richtig zu übersetzen - aber kannst ja trotzdem mal nachschauen, wo bei dir dies erzeugt wird.

[Elmar]

das wird von jtl_wawi so generiert!!! ist einfach nur text, den ich normal in das dafür vorgesehene feld eingebe. ich habe jetzt die erstellun von html mal unterdrückt!

Code: PHP  [Auswählen]

{config_load file="$language/lang_$language.conf" section="index"}
<h1>{$CATEGORIES_HEADING_TITLE}</h1>
{if $CATEGORIES_DESCRIPTION}
<p>{$CATEGORIES_DESCRIPTION}</p>
<div class="hrproductpreview"></div>
{/if}
{if $CATEGORIES_IMAGE}<img src="{$CATEGORIES_IMAGE}" alt="{$CATEGORIES_NAME}" />{/if}
{if $MANUFACTURER_DROPDOWN}{$MANUFACTURER_DROPDOWN}{/if}
{foreach name=aussen item=module_data from=$module_content}
<table class="productPreview" width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    {if $module_data.PRODUCTS_IMAGE!=''}<td align="center" class="productPreviewImage"><a href="{$module_data.PRODUCTS_LINK}"><img src="{$module_data.PRODUCTS_IMAGE}" alt="{$module_data.PRODUCTS_NAME}" /></a></td>{/if}
    <td class="productPreviewContent">
                <h2><a href="{$module_data.PRODUCTS_LINK}">{$module_data.PRODUCTS_NAME}</a></h2>
                <p>{$module_data.PRODUCTS_SHORT_DESCRIPTION}</p>
                <p class="price">{$module_data.PRODUCTS_PRICE}</p><p class="taxandshippinginfo">( {$module_data.PRODUCTS_TAX_INFO}{$module_data.PRODUCTS_SHIPPING_LINK} )</p>
                {if $module_data.PRODUCTS_VPE}<p class="vpe">{$module_data.PRODUCTS_VPE}</p>{/if}
                {if $module_data.PRODUCTS_SHIPPING_NAME}<p class="shippingtime">{#text_shippingtime#}{if $module_data.PRODUCTS_SHIPPING_IMAGE}<img src="{$module_data.PRODUCTS_SHIPPING_IMAGE}" alt="{$module_data.PRODUCTS_SHIPPING_NAME}" />{/if}
                        {$module_data.PRODUCTS_SHIPPING_NAME}
                {/if}
                                <p>{$module_data.PRODUCTS_BUTTON_BUY_NOW} <a href="{$module_data.PRODUCTS_LINK}"><img src="{$tpl_path}buttons/{$language}/button_product_more.gif" alt="Details" /></a></p>
        </td>
  </tr>
</table>
<div class="hrproductpreview"></div>
{/foreach}
{$NAVIGATION}
{if $module_data.PRODUCTS_QUANTITY>=' 5'}
Lagerbestand:
<img src="images/icons/ampel_gruen.jpg" alt="Artikel vorrätig" title="Artikel vorrätig" /><br />
{/if}
{if $module_data.PRODUCTS_QUANTITY <= '4' and $module_data.PRODUCTS_QUANTITY>= '1'}
Lagerbestand:
<img src="images/icons/ampel_gelb.jpg" alt="Artikel noch vorrätig" title="Artikel noch vorrätig" /><br />
{/if}
{if $module_data.PRODUCTS_QUANTITY <= '0'}
Lagerbestand:
<img src="images/icons/ampel_rot.jpg" alt="Artikel nicht vorrätig" title="Artikel nicht vorrätig" /><br />
{/if}

[guensi]

Teste mal das, wie es dann aussieht:

Im Stylesheet ein float für die preview-Tabelle ergänzen:

Code: CSS  [Auswählen]

/* PRODUCT PREVIEW */
.productPreview {
        padding:0;
        margin:0;
        float:left;
}
 

[Elmar]

habe ich gemacht! wenn es auf die zwei Bilder mit Text bezogen ist, gefällt mir!
ich sehe da schon eine flut auf mich zu kommen!

[Tomcraft]

@guensi
Deine Probleme resultieren daraus, dass deine Bilder im Quelltext einfach an der falschen Stelle stehen. Dazu musst du im Template etwas umbauen.

hallo guensi,

ist das jtl-wawi zum xtc5 template nicht kompatibel?
wie erwähnt übertrage ich damit. Also wenn es da probleme gibt, lieg das ja wohl an der wawi.

gruss elmar

Worum geht es hier? Hab ich da die Einleitung verpasst?

Grüße

Torsten

[Elmar]

sieht so aus! der beginn ist beim test der version 1.03

lg elmar

[guensi]

Ja, war für die beiden Bilder mit Text gedacht, aber das wird sich schlagartig ändern, wenn du da ein drittes mit hochlädst.

Solltest dir also überlegen da bei max. 2 Bildern zu bleiben. Das gibt die Breite deines Shops her.

Grund: Das erste Bild wird ausserhalb der Tabelle geladen, die Tabelle floatet jetzt direkt neben dieses Bild. Dann kommmt ein Bild in der Tabelle und in der nächsten Spalte der Text. Wo das dritte Bild nun platziert werden würde - das käme auf einen Versuch an.

[guensi]

@tomcraft
Wenn sich daraus was als Notwendigkeit für die 1.03 ergibt wird das dort nachgetragen. Solange wollte ich diesen Thread mal von einem Einzelproblem entlasten

[Elmar]

guensi,

ich kann mich deiner meinung nicht anschließen! wir reden, aneinander vorbei! ich bringe da locker 3 Bilder unter, ich habe mir die bildgröße schon so zugeschneidert , wie sie passen. siehe nachfolgende bilder:

  [ Für Gäste sind keine Dateianhänge sichtbar ] [ Für Gäste sind keine Dateianhänge sichtbar ]

es gibt da in der template wohl noch einige fehler, die die darstellung versauen! das ist mir gleich am anfang aufgefallen. ich habe das vorübergehend gelöst, indem ich die bilder weg ließ!
das problem mit den zwei bildeern, ergab sich weil text verwendet wurde deshalb entsteht auch das formatierungsproblem.

ich will ein weihnachts template bauen, da müssen aber alle funktionen klappen!