Bearbeiten - Button in der "checkout_confirmation.php"

[gero01]

Hallo,
Was mir aufgefallen ist:
Auf der "checkout_confirmation.php" - Seite (Bestellbestätigung)
sind die 'Bearbeiten'-Buttons sehr unauffällig.
Die einfachste Lösung, die fünf "(Bearbeiten)" mit Stylessheet-Anweisungen umzugestalten.
Das bringt aber den ganzen Shop durcheinander.

Code: CSS  [Auswählen]

a:link {
        color:#893769;
        outline: none;
}
a:visited {
        color:#893769;
        outline: none;
}

1. Möglichkeit: extra Anweisungen in der stylessheet.css
2. Möglichkeit: echte *.gif Button einsetzen (schicke Variante)
Dazu benötige ich Euch Hilfe.
Ich kann z.B. den Bezug der checkout_confirmation.html zur *.css nicht finden. usw.
Bitte um Belehrungen !
Gerd



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

[h-h-h]

templates/xtc5/module/checkout_confirmation.html

Code: XML  [Auswählen]

<table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td width="40%"><strong>{#text_shipping_address#}</strong><br />
            {$DELIVERY_LABEL}<br />
            <a href="{$SHIPPING_ADDRESS_EDIT}">{#text_edit#}</a></span></td>
        <td width="60%">{if $BILLING_LABEL}<strong>{#text_payment_address#}</strong><br />
            {$BILLING_LABEL}<br />
            <a href="{$BILLING_ADDRESS_EDIT}">{#text_edit#}</a>{/if}</td>
    </tr>
</table>

Da kannst Du es anpassen wie gewünscht.

Gruß

h-h-h

EDIT: Upps, hatte nicht zu Ende gelesen... packe die ganze checkout_confirmation in einen DIV mit einer ID, welche Du dann vor die CSS-Definitionen schreibst.

[gero01]

Hi hhh,
Danke Dir, aber ... reicht mir nicht.
Brauchte vielleicht doch eine intensivere Unterweisung.
Ich habe in der lang_german.conf

Code: PHP  [Auswählen]

{#text_edit#}

und in der checkout_navigation.html 6 x "text_edit" Anweisungen:

Code: PHP  [Auswählen]

<a href="{$SHIPPING_ADDRESS_EDIT}">{#text_edit#}</a>
<a href="{$BILLING_ADDRESS_EDIT}">{#text_edit#}</a>

<p>{$SHIPPING_METHOD} <a href="{$SHIPPING_EDIT}">{#text_edit#}</a></p>
<p>{$PAYMENT_METHOD} <a href="{$PAYMENT_EDIT}">{#text_edit#}</a></p>
<p>{$ORDER_COMMENTS} <a href="{$PAYMENT_EDIT}">{#text_edit#}</a></p>
<p>{#text_products#} <a href="{$PRODUCTS_EDIT}">{#text_edit#}</a></p>
 

Man benötigt in der CSS doch einen Bezug ?

Gerd

Upps, muss mir Dein EDIT erst mal auf der Zunge zergehen lassen, entschuldige, war etwas zu schnell...

[gero01]

bekomme es nicht gebacken,

die css Anweisung soll erst mal so aussehen (nur zum Testen)

Code: CSS  [Auswählen]

div.text_edit {
        background-color: #3CF;
        color: #333;
}

in der checkout_confirmation.html:
könnte es so aussehen?

Code: PHP  [Auswählen]

<div class="text_edit"> {$SHIPPING_ADDRESS_EDIT}{$BILLING_ADDRESS_EDIT}{$SHIPPING_EDIT}{$PAYMENT_EDIT}{$PAYMENT_EDIT}{$PRODUCTS_EDIT}</div>

Unklar ist mit die Positionierung in der Datei,
und wie bekomme ich den hover-Effekt hin ?
Gerd

EDIT: Hilfe!

[h-h-h]

checkout_confirmation.html
Am Anfang :

Code: XML  [Auswählen]

<div id="cconfirm">

Am Ende :

Code: XML  [Auswählen]

</div>

stylesheet.css

Code: CSS  [Auswählen]

#cconfirm a {
    background-color: #3CF;
    color: #333;
}
#cconfirm a:hover {
    background-color: #fff;
    color: #000;
}

Gruß

h-h-h

[gero01]

Das geht ja!
Komme zu Dir in den Unterricht.
Warum können nun nur die von uns gewünschten Anweisungen in der "checkout_confirmation.html" von der CSS-Anweisung konfiguriert werden.

Die Zusammenhänge würde ich gern erfahren.

Na dann wünsche ich Dir heute Abend einen friedlichen Heiligabend.
Frohe Weihnacht
Gerd

[h-h-h]

#cconfirm a {
Die Link(a) Anpassungen gelten mit der ID(#cconfirm) voran nur für den Bereich mit dieser ID(#).

Es fehlen im Template einfach weitere CSS-Zuweisungen(id/class) die es ermöglichen die gewünschten Abschnitte/Teile und Objekte des Shops mit grafischen Definitionen zu gestalten.

Da wir <div id="cconfirm" nur in die checkout_confirmation.html geschrieben haben wirken sich die CSS Angaben mit der entsprechenden ID nur auf die Seite checkout_confirmation.php aus.

Hoffe das es verständlich war.

Vielen Dank für die weihnachtlichen Grüße.

Von mir Dir auch einen gesegneten Heiligabend.

Gruß

h-h-h