[gelösst] Problem mit Views
Eingetragen von drruebe (271)am 21.12.2013 - 14:05 Uhr in
Ich habe da ein kleines Problem mit Views im AT-Commerce Theme auf Commerce Kickstart.
Ich würde da gern die unansehnlichen Punkte (Siehe Bild) weg bekommen und komme da einfach nicht weiter.
Ich denke, die sind Teil der HTML-Liste, nur hat bisher leider kein Konfigurationsversuch in der Vieweinstellung so gefruchtet, dass dabei nicht auch gleich die "Ankerformatierung" zerschossen wurde.
Gruß Frank
| Anhang | Größe |
|---|---|
| Unbenannt1.gif | 87.36 KB |
- Anmelden oder Registrieren um Kommentare zu schreiben
Du gibst auf dieser Seite ja
am 21.12.2013 - 14:24 Uhr
Du gibst auf dieser Seite ja selbst einen View aus - nur liefert dieser View leere Ergebnisse. Schau dir doch noch einmal den View genauer an und wie du diesen View konfiguriert hast. Was zeigt dir denn die Vorschau des Views an? Vielleicht kannst du die Anzeige hier schon über eine zusätzliche Filterung einschränken.
SteffenR
Hallo Steffen, der View ist
am 21.12.2013 - 14:52 Uhr
Hallo Steffen,
der View ist aus der Commerce Kickstart-Installation. Mit dem mitgeliefertem Omega Theme sieht das ja schick aus und funktioniert auch (Siehe Bild), nur leider haut das mit dem css Style beim AT-Theme nicht hin.
Sehr gern würde ich natürlich den Style aus dem Omega-Theme in das AT-Theme übernehmen, doch fehlen mir dafür erst recht die Kenntnisse.
Welche Dateien sind denn vorranging für den Style verantwortlich für ein Copy and Paste Experiment?
Ich werde gleich mal ein Backup machen und dann nochmal lokal wie wild drauf los experimentieren.
Gruß Frank
Die Punkte kommen vom
am 25.12.2013 - 15:04 Uhr
Die Punkte kommen vom AT-Theme. Alle Verusche die mit Firebug testweise zu entfernen sind fehlgeschlagen.
Das muss mit der Themeformatierung (Wrapper = list-item) zusammen hängen.
Andere Themes setzen das anders um, so dass es vernüftig aussieht.
Gruß Frank
Es gibt die CSS-Anweisung
am 25.12.2013 - 15:12 Uhr
Es gibt die CSS-Anweisung list-style: none; Damit sollten die Punkte verschwinden. Grundsätzlich gilt: Für das Ändern am Style braucht man Kenntnisse in HTML und CSS! Es hilft also auf Dauer nur, sich dort einzuarbeiten.
Beste Grüße
Werner
Frohe Weihnachten Werner Ich
am 25.12.2013 - 15:21 Uhr
Frohe Weihnachten Werner
Ich habe da was durcheinander bekommen.
Im View ist es mit item-list eingetragen. Kann man es dort mit item-list: none kommentieren?
Wird dadurch nicht dann auch die erwünschte Liste entfernt?
Gruß Frank
Du mußt im CSS dem ul-Element
am 25.12.2013 - 15:42 Uhr
Du mußt im CSS dem ul-Element (egal, was es für eine Klasse hat) ein list-style:none; geben. Damit werden die Punkte bei den li-Elementen weggenommen.
Beste Grüße
Werner
Ich habe mir mal die Datei
am 25.12.2013 - 16:02 Uhr
Ich habe mir mal die Datei styles.base.css aus dem AT-Commerce Subtheme angesehen und folgende Zeilen gefunden:
Welche davon müssten umkommentiert werden?
/* Lists */
ul, ol {
margin: 0 0 1em 15px;
padding: 0;
}
li {
margin: 0;
padding: 0;
}
/* Set nested list indentation */
ul ul, ul ol,
ol ol, ol ul,
.block ul ul,
.block ul ol,
.block ol ol,
.block ol ul,
.item-list ul ul,
.item-list ul ol,
.item-list ol ol,
.item-list ol ul {
margin: 0 0 0 15px;
}
/* Set nested list list-style-types */
ul {
list-style-type: disc;
}
ul ul {
list-style-type: circle;
}
ul ul ul {
list-style-type: square;
}
ul ul ul ul {
list-style-type: circle;
}
ol {
list-style-type: decimal;
}
ol ol {
list-style-type: lower-alpha;
}
ol ol ol {
list-style-type: decimal;
}
dt {
font-weight: bold;
}
dd {
margin: 0 0 1em 15px;
}
.item-list ul,
.item-list ol {
margin: 0 0 0 15px;
padding: 0;
}
.item-list ul li {
margin: 0;
padding: 0;
}
Gruß Frank
Kann man den obigen AT Code
am 25.12.2013 - 16:15 Uhr
Kann man den obigen AT Code durch den Code aus Storefront-Theme ersetzen?
li ul,
li ol {
margin: 0;
}
/* line 63, ../sass/screen.sass */
ul,
ol {
margin: 0 1.5em 1.5em 0;
padding-left: 1.5em;
}
/* line 68, ../sass/screen.sass */
ul {
list-style-type: disc;
}
/* line 71, ../sass/screen.sass */
ol {
list-style-type: decimal;
}
/* line 74, ../sass/screen.sass */
.item-list ul li {
list-style: none;
background: transparent url("images/bullet.png") no-repeat 0 0;
padding-left: 20px;
}
/* line 79, ../sass/screen.sass */
dl {
margin: 0 0 1.5em 0;
}
/* line 82, ../sass/screen.sass */
dd {
margin-left: 1.5em;
}
[Gelösst]
am 25.12.2013 - 20:26 Uhr
Ok
Ich habe folgendes gemacht:
Im AT-Commerce die Datei styles.base.css geöffnet und den Code:
.item-list ul li {margin: 0;
padding: 0;
und durch folgenden Code aus Storefront Datei screen.css ersetzt:
item-list ul li {list-style: none;
background: transparent url("images/bullet.png") no-repeat 0 0;
padding-left: 20px;
Ich werde jetzt mal gucken, ob ich das 4 Artikel nebeneinander-Layout aus dem Omega CK Theme in das AT bekomme.
Stand by
Gruß Frank
Nachtrag:
Hiermit funktioniert das mit dem AT-Commerce
.item-list ul,.item-list ol {
float: left;
margin: 0 0 0 15px;
padding: 0;
}
.item-list ul li {
list-style: none;
float: left;
margin: 0;
padding: 0;
}
Na da werde ich mich mal noch weiter in das Themeing einarbeiten.
Gruß Frank
Jetzt habe ich ein neues
am 16.04.2014 - 19:40 Uhr
Jetzt habe ich ein neues Problem,
Ajax, Maximenü, Feeds, Checkout, u.s.w. läuft alles wunderbar.
Seit etwa 2 Tagen versuche ich AT-Commerce beizubringen, dass es den Maincontent und bestimmte Bereiche zentrieren soll.
margin-left: auto;
peding etc. mit px, %, em
u.s.w macht zwar was, aber nicht das, was es machen soll.
Das ist zwar nur ein kleines Problem, wie an dem Bild zu sehen ist, aber es nervt mich tierisch, dass ich es nach 1,5 Jahren der Planung und des experimentierens ich an so Kleinigkeiten hängen bleibe.
Ich hoffe sehr auf einen hilfreichen Hinweis.
Gruß Frank