Die Spalte mit dem Menu und die Spalte mit dem Content sollen beide Seitenhöhe haben und eine einheitliche Hintergrundfarbe (erst mal egal, welche). Das größte Problem dabei: siteorigin lässt zwar die Angabe einer eigenen Zeilenklasse zu, nicht aber einer Spaltenklasse. Die Zeile heisste "Muster" aber die Spalten werden durchnummeriert. Wenn später neue Seiten hinzu kommen, können sich die Spaltenzahlen ändern.
Beiträge von HolgerGr
-
-
Oh sorry, ich war auf dem ganz ganz falschen dampfer. Jetzt ist alles aqua :-) Ist auch klar weil die Panels alle mit der gleichen Klasse angesprichen werden. Muss die erst noch einzeln identifizieren. Oh je....
Nein, eigentlich sollen nur zwei Spalten eine Hintergrundfarbe bekommenb, die anderen sollen transparent bleiben.
Aber genau das ist ein Problem bei dem Teil, denn siteorigin nummeriert die Spalten durch...
-
Hallo zusammen,
ich habe mir in den Kopf gesetzt, zwei Spalten auf Seitenhöhe (100%) zu setzen und mit einer Hintergrundfarbe (hier jetzt mal aqua) zu versehen.
Hier ist das Beispiel (kläglich): http://wighty.de/13/schlafzimmer/Das Grundgerüst stammt vom siteorigin plugin. Das sorgt später automatisch für die nötige Responsivität.
Die einzelnen Spalten spricht siteorigin mit der classe .panel-grid-cell an. Ich habe also in die style.css geschrieben:CSS.panel-grid-cell { background-color: #00000 !important; height: 100% !important; }Die Höhe wurde dann auch richtig angepasst aber die Hintergrundfarbe wird nicht angezeigt. Der Firefox Inspektor sagt mir "ungültiger Wert für Eigenschaft". Wenn ich es aber direkt ins Inspektorfenster eintippe (Inline) wird der Hintergrund angezeigt.
Doch da tut sich dann auch schon das nächste Problem auf.
Es wird nur der Bereich der Spalte mit Hintergrund versehen, der ohenhin schon mit Content gefüllt ist. Allkes darunter bleibt transparent.Ich raume mir schon die Haare
Hat jemand ne Idee was da schiefläuft?
Danke und Grüße
Holger -
Danke Dir SitEctor,
aber damit kreiere ich eine Tapete. Bei dem Pergamenthintergrund (der jetzt allerdings durch ein anderes Bild überschrieben ist, habe ich das so gemacht. Mann kann nicht unter den Bildbereich scrollen bzw. der Bildbereich endet da wo das Bild endet....im Zweifelsfall aber nicht genau am Ende des scrollfreien Seitenbereichs. Es wäre sehr schwierig, das auf allen Endgeräten genau hinzukriegen.
-
Hallo,
ich kriege es einfach nicht hin, dass sich ein Container über die gesamte Seitenhöhe ersteckt.
Aber ich erzähle am besten mal von Beginn an. Ich habe ein Twentsixteen-Child-Theme komplett leer gemacht und würde die Seite gerne von Grund auf mit dem Pagemaker von SiteOrigin neu aufbauen.
Der Grund ist, dass es ein Hintergrundbild über die gesamte Seitenhöhe und Seitenbreite geben soll, in dem sich ein Hauptmenü befindet.Das Hintergrundbikld soll also den gesamten Bildschirm einnehmen, egal auf welchem Gerät die Seite abgerufen wird (aber gleichfalls natürlich nicht beim Scrollen weitergeführt werden...ansonsten könnte ich es ja einfach in body einbinden).
Nun kann man mit SiteOrigin ganz simpel Zeilen anlegen und diesen ein Hintergrundbild zuordnen. Diese Zeilen können auch mit einer ID versehen werden womit sie ja eigentlich über CSS angesprochen werden sollten.
Was die Breite angeht, funktioniert es - allerdings nicht bei der Höhe.
Wenn ich height: 100% angebe oder min-height: 100%, passiert rein gar nichts. Gebe ich an gleicher Stelle einen Pixelwert an, klappt es aber ich brauche für die Responsivität einen Prozentwert.Hier die Testseite: http://wighty.de/10/test/
Vielen Dank und viele Grüße
Holger -
Hallo,
zur Anzeige des Aktivitätenstreams legt BuddyPress üblicherweise die Seite "Aktivitäten" an, die bei entsprechendem Aufruf geladen wird. Diese Seite ist leer.
Gerne würde ich nun obehalb des eigentlichen Aktivitätenstreams einen Slider und eine kurze Mitteilung einblenden aber alles was man manuell in der Seite verändert wird schlicht ignoriert.
Hat jemand eine Idee wie man das ändern kann?
Grüße
Holger -
Hallo zusammen,
ich verwende Woocommerce in Verbindung mit WooCommerce Germaized und GravityForms. Mit GravityForms werden zusätzliche Optionen auf der Single-Product-Seite eingeblendet, die meist auch einen Aufpreis bedeuten. Nun gibt es da ein rechtliches Problem wenn man das so in Deutschland verwendet: Lt. Gesetzgeber muss sich der Hinweis "Inkl. MwSt. zzgl. Versandkosten" unmittelbar beim Preis befinden.
GravityForms blendet jedoch eine eigene Preisfunktion ein. Um Missverständnisse zu vermeiden kann man den originalen WooCommerce-Preis ausblenden. Nun stellt sich die Produktseite wie folgt da: Oben befindet sich der Hinweis "inkl. MwSt., zzgl. Versandkosten", darunter kommt ein relativ langes Formular mit zahlreichen Auswahlmöglichkeiten, danach der Preis und dahinter der Bestellknopf.
Es muss nun also unbedingt der Hinsweis zu MwSt. und Versandkosten runter zur Preisangabe.
Würde es sich lediglich um ein Woocommerce Standardelement handeln, könnte man nun einfach die content-single-product-php bearbeiten. Ist es aber nicht. Dieser Hinweis wird durch WooCommer Germanized eingeblendet und GravityForms mischt ja auch noch mit.
Also noch mal kurz zusammengefasst: Der Hinweis zu MwSt. und Versandkosten muss hinter GravityForms und vor den Bestellknopf.
Hat jemand eine Idee wie man das machen kann?
Danke und Grüße
Holger -
Hallo Ihr Lieben,
ich suche schon eine ganze Zeit, habe aber noch keine passende Lösung gefunden.
Ich möchte gerne eine "Hot or Not"-Funktion für die Profilpics meiner Buddypress-Memebers. Es gibt zwar das Plugin "ShowDown" aber das inteagiert leider nicht mit BuddyPress. Oder hat jemand eine Idee wie man das mit BuddyPress kompatibel machen kann?
Grüße und danke
Holger -
Hallo zusammen,
mit Gambio habe ich zwei Möglichkeiten bei Produkteigenschaften, deren Umsetzung ich bei Woocommerce bisher vergeblich versucht habe. Bei den sogenannten "Artikeleigenschaften" handelt es sich um ein ähnliches Prinzip wie bei Woocommerce, d.h. ich erstelle einzelne Eigenschaften und erstelle Preise für Kombinationen davon. Bei den sogenannten Artikelattributen werden jedoch nur Aufpreise definiert, die nicht in Kombination mit anderen Attributen stehen, sondern einen festen Aufpreis haben.
Vielen Dank schon mal.
Grüße
Holger -
Hallo zusammen,
ich habe da zwei größere Onlineshops über Gambio GX2 laufen. Seit einiger Zeit habe ich mich aber auf WP und Woocommerce eingeschossen und würde nun gerne die Produkte aus den Gambioshops möglichst elegant und ohne allzu viel Zeitaufwand übernehmen.
Eigentlich sollte das funtionieren, denn es gibt für WP und Woocommerce ein CSV Import Plugin (AllImport) mit dem man (so zumindest der Hersteller) Produkte via CSV nach Woocommerce importieren kann. Gleichzeitig kann Gambio alle benötigten Daten als CSV Datei exportieren.
Allerdings funktioniert das natürlich nicht ganz so reibungslos wie gehofft. Die bei Gambio verwendeten Trennzeichen anzugeben, reicht nicht aus um die Daten sauber zu importieren. Ich schätze, dass Gambio und Woocommerce unterschiedliche Bezeichner benutzen. Leider kann ich jedoch mit dem AllImport keine Produkte EXportieren, so dass ich mir die Bezeichner von Woocommerce einmal ansehen könnte um die von Gambio dann via Calc anzupassen.
Die ersten Versuche erzeugten nur Schrott.
Hat jemand schon einmal erfolgreich Produkte aus anderen Shopsystemen nach Woocommerce importiert. Wenn ja - wie?
Schöne Grüße
Holger -
Hallo,
Eigentlich sollte man meinen, es sei ein Klacks....eigentlich. Aber ich sitze hier schon den ganzen Nachmittag und Abend.
Es geht um ein vertikales CSS-Menu. Alles funtioniert so weit. War eigentlich mal ein horizontales Menü. Ich habe float: left ausgeschaltet um es vertikal zu machen. Nur sollen die einzelnen Menüfelder etwas separiert voneinander sein. Ich habe sie mintgrün eingefärbt und über ein Bild gelegt. Nun soll das Bild zwischen den einzelnen Menüpunkten durchblitzen.
Meiner Ansicht nach geht es einfach so, dass ich ein margin-top oder Margin-bottom setze. Aber leider funjtioniert das nicht. Egal was ich auch mache....das Menü erscheint immer als ein ganzer mintgrüner Block.
Hier die CSS Anweisungen:
Code
Alles anzeigen#cssmenu, #cssmenu ul, #cssmenu li, #cssmenu a { border: none; margin: 0; padding: 0; line-height: 0.7; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; background: #55f5d1; margin-top: 5px; text-align: left; } #cssmenu { height: 0px; display: block; padding: 0; margin-top: 10px; border: none; border-radius: 0px; width: 250px; border-color: #000; text-align: left; top: 50px; } #cssmenu, #cssmenu > ul > li > ul > li a:hover { #background: #55f5d1; background: #55f5d1; background: -moz-linear-gradient(top, #55f5d1 0%, #55f5d1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #55f5d1), color-stop(100%, #55f5d1)); background: -webkit-linear-gradient(top, #55f5d1 0%, #55f5d1 100%); background: -o-linear-gradient(top, #55f5d1 0%, #55f5d1 100%); background: -ms-linear-gradient(top, #55f5d1 0%, #55f5d1 100%); background: linear-gradient(top, #55f5d1 0%, #55f5d1 100%); } #cssmenu > ul { list-style: inside none; padding: 0; margin: 30; } #cssmenu > ul > li { list-style: inside none; padding: 0; margin-top: 10px; #float: left; display: block; position: relative; } #cssmenu > ul > li > a { outline: none; display: block; position: relative; padding: 19px 19px; text-align: left; text-decoration: none; #text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4); font-weight: bold; font-size: 18px; font-family: Arial, Helvetica, sans-serif; #border-right: 1px solid #080808; color: #000; margin-top: 10px; } /*neue Regel */ #cssmenu ul li > ul ul { position: absolute; left: 190px; top: 0; } #cssmenu > ul > li > a:hover { #background: #1c71a2; background: #55f5d1; color: #fff; } #cssmenu > ul > li:first-child > a { border-radius: 0px 0 0 0px; } #cssmenu > ul > li > a:after { content: ''; position: absolute; border-right: 1px solid; top: 0px; bottom: 3px; right: -2px; z-index: 99; border-color: #000; } #cssmenu ul li.has-sub:hover > a:after { top: 0; bottom: 0; } #cssmenu > ul > li.has-sub > a:before { content: ''; position: absolute; top: 18px; right: 6px; border: 5px solid transparent; border-top: 5px solid #000; # hier } #cssmenu > ul > li.has-sub:hover > a:before { top: 19px; } #cssmenu ul li.has-sub:hover > a { #background: #1c71a2; background: #55f5d1; border-color: #3f3f3f; padding-bottom: 13px; padding-top: 13px; top: -1px; z-index: 999; } #cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div { display: block; } #cssmenu ul li.has-sub > a:hover { #background: #1c71a2; background: #55f5d1; border-color: #fff; } #cssmenu ul li > ul, #cssmenu ul li > div { display: none; width: auto; position: absolute; top: 38px; padding: 10px 0; #background: #1c71a2; background: #55f5d1; border-radius: 0 0 5px 5px; z-index: 999; } #cssmenu ul li > ul { width: 200px; } #cssmenu ul li > ul li { display: block; list-style: inside none; padding: 0; margin: 0; position: relative; } #cssmenu ul li > ul li a { outline: none; display: block; position: relative; margin: 0; padding: 8px 20px; font: 10pt Arial, Helvetica, sans-serif; color: #ffffff; text-decoration: none; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); } #cssmenu ul ul a:hover { #color: #1c71a2; color: #55f5d1; } #cssmenu > ul > li.has-sub > a:hover:before { border-top: 5px solid #ffffff; }Wäre echt toll wenn jemand den Fehler finden würde.
Grüße
Holger -
Ich hab's ich hab's ich hab's. Danke. Das war der Fehler. War einfach nur alles ausgeschaltet.
-
Sorry, hab' ich gar nicht. Wo finde ich das? Unter Design/Menüs? Stehe gerade etwas auf dem Schlauch
-
Hallo,
normalerweise muss man Woocommerce nur installieren und findet dann unter Design/Menüs Woocommerce-speziefische Optionen, wie etwa Produkte, Produktkategorien etc. Bei mir ist das allerdings nicht der Fall. Ich finde dort nur das vor was WP von haus aus mitbringt, also Seiten, Kategorien etc.
Hat jemand eine Idee woran das liegen könnte? Ich bin mir ziemlich sicher, dass es dieses mal nicht an meinem Theme liegt weil ich diese Probleme auc h mit den WP Standardthemes habe.
Ich verwende Woocommerce 2.5.5 und WP 4.5.1.
Alles andere scheint zu funktionieren. Hat jemand eine Idee woran das liegen könnte?
Danke und Grüße
Holger -
Doch, ich habe zwei Unterpunkte angelegt und den ersten davon sehe ich auch im Firefox -
Okay, hier der Link: http://wighty.de
Problem tritt auf im linken Menü (Vertikalmenü) wenn man Mitglieder/Gruppen hovert. Unter Gruppen liegt noch was aber das sieht man mit Chrome gar nicht ind im Firefox ist es im firstlevel flyout gefangen.
-
Hallo,
schon wieder ein Problem. Mein second level flyout will nicht ausfahren. Mit Chrome sehe ich es gar nicht - firefox stellt es innergalb des first level flyouts dar. Meines Wissens habe ich keinen Fehler gemacht aber wahrscheinlich sehe ich ihn einfach nicht.
PHP
Alles anzeigen#navi .menu li a { display: block; color: white; text-align: left; padding: 8px 14px; text-decoration: none; } #navi ul li ul{ position:absolute; display:none; } #navi ul li:hover ul{ left:150px; display:block; z-index: 220; position: absolute; margin-top: -30px; width: 190px; } #navi ul li ul li{ background-color:#000; border: 1px solid #fff; } /* Bis dahin klappt alles. Jetzt soll das second level flyout erst mal unsichtbar gemacht werden */ #navi ul li:hover ul li ul{ position:absolute; display:none; } /* und beim hovern auf dem firstlevel flyout 120 pixel links vom ersten erscheinen...macht es aber nicht */ #navi ul li:hover ul li:hover ul{ display:block; left:120px; position: absolute; z-index: 325; width: 190px; } #navi ul li:hover ul li:hover ul li{ background:#86d3fa; }Ich bin in ieser Sache ebenso ratlos wie ich ratlos in der Frage bin, warum ich bei der ersten Anweisung zusätzlich noch auf die Klasse (class="menu") verweisen muss und bei allen folgenden Anweisungen nicht darauf verweisen darf (sonst funktioniert gar nichts.) Hab' das letztendlich durch rumprobieren ausklamüsert aber mir fehlt der Hintergrund, warum das so ist.
-
Herzlichen Dank für die vielen Antworten. Ich werde mich mal in flex einlesen.
-
Hallo zusammen,
ich erstelle gerne Themes mit dreispaltigem Layout. Ich lege dabei alle Spalten als div Container an und setze sie auf float: left; die rechte Spalte auch schon mal auf foat: right. Das hat zurfolge, dass die rechte Spalte grundsätzlch unter die mittlere rutscht sobald die Displaybreite nicht mehr ausreichend ist, also z.B. auf Smartphones. Bisher hatte ich das immer sozusagen als unvermeidbar hingenommen. Nicht schön aber immer noch besser als die Spalten allesamt bis zur Unleserlichkeit zu verkleinern.
Vor kurzem bin ich dann aber über eine WP-Seite gestolpert, die das wesentlich eleganter löst. Und zwar rutscht die rechte Spalte nicht unter die mittlere, sondern unter die Linke. Beide Spalten bilden dann sozusagen eine einzige linke Spalte und aus dem dreispaltigen Layout wird so auf schmalen Displays ein zweispaltiges, etwas längeres Layout.
Leider habe ich mir die Seite nicht gemerkt und auch nicht reingespickt, wie das umgesetzt wurde. Mist!
Hat jemand eine Idee wie das gelöst worden sein könnte?
-
Hallo zusammen,
kann man den z-index auch irgendwie einstellen, ohne auf position absolute umzustellen? Wenn ich das nämlich mache, zerhaut's mir das Design und ohne das liegt der Container zu weit hinten.
Grüße
Holger