Allgemeines » Produktname als Hauptüberschrift (H1)

15.04.2017 16:31 (zuletzt bearbeitet: 15.04.2017 16:35)

Norbert
#1

Moin,

der Inspektor verriet mir, dass die Produktnamen alle H4-Überschriften sind. Weiß jemand, wie ich daraus H1-Überschriften machen kann?

mit

1
2
 
.fn {display: none !important;
}
 

kann ich den Produktnamen ausblenden, und dann die Produktbeschreibung mit einer H1 zu beginnen (hab ich HIER mal so umgesetzt), aber das scheint mir etwas umständlich.

Schöne Feiertage!

Antworten

Beitrag melden

#2

17.04.2017 18:27

az_
#2

az_

...das geht nur über ein jQuery-Script. Google mal nach "jQuery .html" und "jQuery .replaceWith"

LG, az

PS: http://stackoverflow.com/questions/30062...nd-html-elemens

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!

...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html

Antworten

Beitrag melden

#3

17.04.2017 23:20

Norbert
#3

Norbert

sucsess!

1
2
3
4
 
$(document).ready(function() {
       $('h4').each(function() {
       $(this).replaceWith('<h1>'+$(this).html()+'<\/h1>');
    });
 

DANKE!!!

Antworten

Beitrag melden

#4

19.04.2017 09:46 (zuletzt bearbeitet: 19.04.2017 09:53)

az_
#4

az_

Jau! genau so hab ich mir das vorgestellt!!!

$('h4').each(function() macht aber aus jeder 'h4' eine 'h1'. Schreib statt 'h4' lieber h4#cc-m-1234567890, wenn Du die Artikel in einem Spaltenelement zusammenfassen kannst oder 'h4#page-1234567890' wenn sie sich auf der entsprechenden Jimdo-Seite befinden.

LG, az

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!

...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html

Antworten

Beitrag melden

#5

19.04.2017 11:23 (zuletzt bearbeitet: 19.04.2017 11:24)

Norbert
#5

Norbert

Dann musste ich das für jede Seite einzeln machen.. Ich verwende einfach keine weiteren H4, sodaß die Änderung wirklich nur die Produktnamen betrifft. Muss mir nur noch was einfallen lassen, für den Fall, dass auf einer Seite zwei oder mehr Produkte sein sollen, dann hätte ich mehrere H1 und der Panda wäre sauer auf mich ;-). Evtl. bleibt es aber bei einem Produkt pro Seite..

Antworten

Beitrag melden

#6

22.04.2017 12:02 (zuletzt bearbeitet: 19.03.2018 23:21)

az_
#6

az_

...nein. Mein Fehler! Du kannst auch die Klasse als identfier nehmen:

1
 
 h4.cc-shop-product-desc

gilt für alle h4 in shop-Produkt-Beschreibungen!

LG, az

Beispiel: https://miami-designtest.jimdo.com/shop/

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 

<p class="hide">
    h2 statt h4 .cc-shop-product-desc
</p>
<script type="text/javascript">
//<![CDATA[
 
        $(document).ready(function() {
                $('.cc-shop-product-desc h4.fn').replaceWith(function () {
                    return "<h2>" + $(this).html() + "<\/h2>";
                });
        });
    
//]]>
</script>
 
<style type="text/css">
/*<![CDATA[*/
 
        .cc-shop-product-desc h4 {
            color: #5ab7a9;
                font-size: 1.5em !important;      
                line-height: 1.5;
                outline: none;
                border: none;
        }
}
/*]]>*/
</style>
 
 

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!

...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html