Beiträge von HolgerGr

Hallo,

eine Frage, die mich schon lange beschäftigt: Sowohl beim Visual Composer als auch beim SiteOrigine PageBuilder gibt es die Option "volle Seitenbreite" oder "volle Seitenbreite gestreckt". Dabei ignoriert die entsprechende Zeile das wrapper-div in der sie eigentlich liegt und nutzt die volle Seitenbreite von body aus.

Bisher habe ich noch nicht herausfinden können, wie die beiden Tools das eigentlich machen.

Kann mkich jemand aufklären?

Danke und Grüße
Holger

Du bist ne Wucht! Danke Dir tausend mal

Hallo,

ich versuche schon seit heute morgen, dieses garstige, widerspenstige Navigationsmenü zu zähmen.

Es soll auf der Seiten zentriert dargestellt und in Relation zum Bild in der Mitte horizontal zentriert sein. Mit anderen Worten: Die Links sollen auf Mittelhöhe des Herzens stehen und nicht am oberen Rand.

Aber was ich auch versuche - es haut nicht hin.

https://naehschule-plum.de/

Welcher der gefühlten 1 Million Container ist denn dafür zuständig?

Sie sind sind aufgebaut wie bei twentyfifteen, also...

/**
*14.1 - >= 1000px
*/
@media screen and (min-width: 1000px) {
#sidebar {
    display: none;
}
}

Hallo,

ich habe ein ganz generelles Verständnisproblem bei Media Queries und finde einfach keine allgemeingültige Antwort.

Dem Design von Twentyfifteen folgend habe ich sie eigentlich immer unterhalb der eigentlichen Angaben platziert, d.h. ich habe z.B. zuerst eine #sidebar blablabla definiert und später (unter all den anderen Anweisungen für meine Standard-Displaybreite) in den stylesheets dann die Mediaqueries für die unterschiedlichen Displaybreiten eingerichtet wobei ab einer gewissen Breite die sidebar dann auf display:hidden gestellt wird.

Das hat aber wohl nur funktioniert weil ich die Mediaqueries von ganz schmalen bis zu sehr breiten Displays untereinander, beginnend bei den kleinsten, eingerichtet habe.

Das will ich im aktuellen Theme aber niocht machen. Ich möchte einfach nur sagen, dass die sidebar ab einer Breite von 1000px nicht mehr eingeblendet wird.

Definiere ich das unterhalb der eigentlichen Anweisungen, wird diese Regel auch bei breiteren Displays beachtet. D.h. die sidebar ist dann immer hidden.

Definiere ich die Mediaqueries am Anfang der Stylesheets, werden sie gar nicht beachtet.

Tja....wo gehören sie denn nun hin?

Danke, SirEctor.
Ich nehme an, das betrifft nicht nur body, sondern auch alle anderen Elemente. Denn gerade body will ich nicht ändern.

Okay ein konkretes Beispiel: Ich habe beispielsweise die widgets der Sidebar farbig gestaltet. Die Widget-Köpfe sind hellblau (bzw. haben eigentlich einen Farbverlauf, der momentan nur überall auf gleiche Farbe gesetzt ist.

Das Ganze sieht so aus:

in der functions:

register_sidebar( array(
'name' => 'Haupt-Sidebar',
'id' => 'haupt-sidebar',
'description' => 'Haupt-Sidebar',
'before_widget' => '<div id="widgetkomplett" class="widget %2$s">',
  'after_widget'  => '</div>',
  'before_title'  => '<div id="widgetkopf" class="widget %2$s">',
  'after_title'   => '</div>',
) );

in der style.css:

#widgetkopf {
    margin-bottom: 10px;
    font-family: arial;
    font-size: 1.3em;
    padding: 10px;
    background: #30b3b3;
    background: -moz-linear-gradient(left, #96cff6 0%, #96cff6 51%, #96cff6 100%);
    background: -webkit-linear-gradient(left, #96cff6 0%,#96cff6 51%,#96cff6 100%);
    background: linear-gradient(to right, #96cff6 0%,#96cff6 51%,#96cff6 100%);
    #filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5d5d5', endColorstr='#d5d5d5',GradientType=1 );
}

Wie und wo definiere ich denn da jetzt mehrere Klassen und wie setze ich eine Umschaltfunktion in die Optionen?

Okay, den ersten Teil kann ich mir selber beantworten. Ich könnte in der functions

'before_widget' => '<div id="widgetkopf" class="blau rot gelb gruen">',

definieren und in der style.css

#widgetkopf.blau {
background: blue;
}


#widgetkopf.rot {
background: red;
}

u.s.w.

Aber icgh habe das mit den Optionen noch nicht verstanden

Hallo zusammen,

diese Frage ist eher generell und bezieht sich nicht auf ein bestimmtes Theme oder eine bestimmte Seite.

Wenn ich mit einem Premium-Theme arbeite, dann habe ich ja ,eistens die Möglichkeit, da noch reichlich Einstellungen mit wenigen Klicks vorzunehmen. So kann man beispielsweise bei vielen Themes das Farbschema ändern, die Linkfarbe ändern, ganze Headerbereich austauschen etc.

Wie man so etwas gewissermaßen "zu Fuß" macht, weiß ich. Wenn ich die Farben im Theme ändern will, ändere ich sie im Stylesheet.

Aber wie geht das auf Knopfdruck?

Dabei ist die erste Frage, die ich mir stelle: Wie lege ich in ein und demselben Stylesheet 3 oder 4 verschiedene Farbschmata an auf die ich dann, bei Bedarf, zurückgreifen kann?

Und wie erzeuge ich im Admin-Bereich einen Link mit einem Einstellbereich meines Themes?

Und wie lege ich mehrere Header-Templates an?

Danke und Grüße
Holger

Ich hab's endlich gelöst. Vielen Dank noch mal.

Vielen Dank, SirEctor, für Deine schnelle Antwort und den Link.
Ich hatte es tatsächlich falsch eingebaut. Nun habe ich alle vorgestellten Möglichkeiten durch und es klappt trotzdem noch nicht.

Wenn ich das nach diesem Muster:

<a href="http://[supsystic-show-popup id=100]">Subscribe To Our Newsletter</a>

in eine normale Seite einbaue, ganz egal ob über den WYSIWYG Editor oder im Sourcode-Editor, dann funktioniert das Popup einwandfrei. Wenn ich den Link aber in der functions.php einbaue, dann tut sich gar nichts. Dabei weist der Inspector mir im Sourcecode den exakt gleichen Link aus.

Wenn ich das zweite Beispiel verwende:

<a href="<php echo  do_shortcode('[supsystic-show-popup id=100]')?>">Subscribe To Our Newsletter</a>

, dann bekomme ich nur eine weiße Seite. Hab die Syntax gut ein duzend mal überprüft.

Und in der Konsole finde ich keine Fehlermeldung...

Hallo,

ich habe in meiner Single Product Page via hook über die functions.php drei weitere Bilder/Links eingebunden. Beim Klick auf das erste davon soll ein modales Popup mit einem Formular aufgehen in das der Kunde zwecks Rückruf seine Telefonnummer eintragen kann.
Das sieht so aus: abgerundetes Arztschild aus Aluminium | Stempel & Schilder Komischke
(Achtung: Theme ist noch nicht responsiv. Daher bitte mit Desktop aufrufen).
Derzeit geht der Klick jedoch noch auf eine normale Seite und das hat folgenden Grund:

Für das Popup habe ich mir das Plugin "PopUp by Supsystic" installiert. Das spuckt mir u.a. ein Codesnippet aus, welches in den Link soll. Das sieht so aus:

Zitat

onclick="ppsShowPopup(100); return false;"

Den habe ich in den Anchor zum div eingefügt; später dann probehalber auch in den divtag.

Das Ganze sieht jetzt so aus:

add_action('woocommerce_single_product_summary', 'eigene_bilder', 2);


function eigene_bilder() {
   
    echo '<a href="https://www.firmenschilder-praxisschilder.de/hotline/"  onclick="ppsShowPopup(100); return false;"><div id="hotline" onclick="ppsShowPopup(100); return false;"></div></a> <a href="garantie.html"><div id="garantie"></div></a> <a href="https://www.firmenschilder-praxisschilder.de/logoservice/" target="_blank"><div id="logoservice"></div></a>';
   
}

Es tut sich allerdings nichts.

Jemand eine Idee woran das liegt?

Grüße
Holger

...und wenn du denkst du hast eine Anleitung gefunden, dann stellt sie sich doch wieder nur als Verklaufsshow eines Produkts (hier DSYNC) heraus https://www.youtube.com/watch?v=gxduAx479Yc Aber genau so eine Anleitung suche ich...bloß ohne zusätzliche Tools

Hi Ralf,

herzlichen Dank für die Erläuterung. Die Wikipedia-Seite hatte ich schon gefunden. Allerdings steht dort nur, was OCI ist, nicht aber, wie ich unter WP/WooCommerce vorgehe, um sie einzurichten.

Zitat

Die Kommunikation sind XML Telegramme. Die Daten, die du in WooCommerce einlesen möchtest, legst dir SAP per FTP auf deinen Server. Die Daten, die du aus WooCommerce nach SAP haben möchtest, legst du als XML Datei auf den Server und SAP holt sich diese XML Dateien....

Das hilft mir schon deutlich weiter. Diese Informationen suche ich derzeit dringend. Die Richtung WooCommerce --> SAP verläuft dann wohl über die RestAPI. Aber wie lese ich die Datei ein, die mir SAP per FTP auf den Server legt?

Wo kann/muss ich mich einlesen um selber (ohne vorgefertigtes Tool) die Verbindung herstellen zu können? Gibt es dazu irgendwelche Docs, Handbücher, Bücher? An jeder Ecke finde ich Erklärvideos und Anleitungen dazu wie Woocommerce installiert und eingerichtet wird, wie man Produkte anlegt und die Woo-Funktionen ein- bzw. aushakt. Aber es gibt kein einziges Video oder keine einzige Anleitung wie man Step by Step SAP mit WooCommerce verbindet.

Der hier: https://www.codelessplatforms.com/solutions/wooc…ap-integration/
Und der hier: https://www.oscware.de/Produkte/Kauf-…s-One-1749.html

und noch ganz viele andere wollen mir ihre Leistungen verkaufen, verraten mir aber nicht wie es geht. ;-)

Der hier: https://answers.sap.com/questions/1366…oocommerce.html
sucht wohl auch schon ne Weile und findet keine Antwort.

Diese Seite: https://docs.woocommerce.com/document/woocommerce-rest-api/
habe ich mir nun auch schon x mal durchgelesen aber sie hilft mir nicht weiter.

Gibt es keine detaillierte Anleitung dazu im Internet?

Hallo,

ich stehe vor der Aufgabe, einen Woocommerce-Shop mit SAP zu verbinden, und zwar via OCI Schnittstelle. Da ich das noch nie gemacht habe und alles was ich im Internet dazu gelesen habe, letztendlich darauf hinaus läuft, teure Sync-Tools (wie magic xpi) zu verkaufen, würde ich mich echt freuen, wenn mir jemand einen entsprechenden Schubser in die richtige Richtung geben könnte.

Soweit ich das gesehen habe, gibt es leider kein fertiges Plugin für die Aufgabe, weshalb ich mir da wohl irgendwas zurechtstricken muss.

Zu allem Überfluss habe ich selber auch kein SAP womit ich also immer auf andere angewiesen bin, meine Einstellungen zu testen.

Grüße
Holger

Hallo,

ich habe eine halbe Ewigkeit nach einem Plugin gesucht, das meine WooCommerce-Produkte in einem Carousel slider darstellen kann. Die alten tun es seit WooCommerce 3 nicht mehr richtig.

Nun bleibt jedoch noch ein Restproblem: Das Corousel setzt mein wrapper-div irgendwie außer Kraft...aber ich finde die Stelle nicht wo es das tut.

So soll die Seite eigentlich aussehen: http://www.firmenschilder-praxisschilder.de/arztschilder-3/
Man beachte den grauen Hintergrund, die Zeilenabstände und den zentrierten Footer

Nachdem der Slider auf der Seite ist sieht die gleiche Seite so aus: http://www.firmenschilder-praxisschilder.de/
Die sichtbaren Veränderungen sind leider nicht die einzigen. Ich kann auch partout nichts mehr rechts neben den Slider setzen. Er verschiebt dann alles nach unten.

Weiss jemand was das auslöst?

Grüße und danke
Holger

Vielen Dank Euch beiden.
Ich habe die Breiten für die media Queries von twentysixteen übernommen weil mein Theme auch auf twentysixteen aufbaut.

Was wären denn geeigente Breiten um die gängigsten Displays abzudecken?
Wie muss ich die Daten ändern, damit es nicht zu diesen plötzlichen Umbrüchen kommt?

Gibt es ein Browsertool das mir die genauen Breiten beim Zusammenschieben des Browsers anzeigt? Ich rate da immer rum.

Und dann noch etwas: Ich verwende u.a. dieses Tool hier um zu überoprüfen, ob meine Einstellungen richtig sind: http://www.responsive-design-test.de/?url=wighty.de%2F13

Auf der ersten Seite sieht es zwar so aus aber wenn ich auf "Darstellung in weiteren Geräten" klicke, passt es nur noch beim ersten Gerät (1600x992). Darunter befindet sich ein Laptop mit 1280x802 Pixeln Auflösung. Da geht es schon nicht mehr, d.h. die margin-left des divs "rechts" wird nicht kleiner, so dass der Platz nicht ausreicht und das Teil unter das div "links" springt.

Ich habe nun SirEctors Rat folgends, die Breiten variiert, die bei den media queries eingegeben wurden, habe sie kleiner und größer gemacht. Kein Erfolg.

das wäre toll :-)

Vielen Dank

schwer in Worte zu fassen was passiert wenn ich sie umdrehe. Ich hab's gerade gemacht. Sieh's Dir doch mal bitte an. Wenn ich jetzt den Browser entkopple und zusammenschiebe, habe ich nur an ganz bestimmten Punkten das Ergebnis, das ich haben will. Dazwischen ist alles so, also gäbe es dafür keine Definition. Aber es heißt doch "größer oder gleich" und nicht "exakt".

Herr Mannelig, herr Mannelig, trolofven I mig.
För det jag bjuder så gerna;
I kunnen väl svara endast ja eller nej.
Om i viljen eller ej.

Sorry, konnte ich mir nicht verkneifen :-) Ein Spielmanns-Kollege?

Viele Grüße von der Dudelfront :lol:
https://www.facebook.com/heidenpack

Hallo,

ich versuche gerade, mein Theme via media queries responsiv zu machen. Dazu habe ich (erst einmal) drei Breakpionts eingetragen. Leider funktiert das Ganze aber nicht so wie ich mir das vorgestellt habe.

Das div "rechts" soll eine margin-left von 160px. haben. Hatte es beim ursprünglichen css (ohne media queries) auch. Dann habe ich jedoch die Margin für schmalere Displays verringert und das hat zufolge, dass sie nun auch für große Displays verringert ist.

Hier der entsprechende Code:

/**
 * 14.5 - >= 1200px
 */


@media screen and (min-width: 75em) {
    
    #rechts {
    background-color: rgba(0, 0, 0, 0.6); 
    width: 60%;
    margin-top: 60px;
    margin-left: 160px;
    height: auto;
    float: left;
    display: inline-block;
    box-shadow:5px 3px 8px #000000;    
}    
}




/**
 * 14.5 - >= 985px
 */


@media screen and (min-width: 61.5625em) {
    
    #rechts {
    background-color: rgba(0, 0, 0, 0.6); 
    width: 60%;
    margin-top: 60px;
    margin-left: 80px;
    height: auto;
    float: left;
    display: inline-block;
    box-shadow:5px 3px 8px #000000;    
}    
}


/**
 * 14.5 - >= 985px
 */


@media screen and (min-width: 56.875em) {
    
    #rechts {
    background-color: rgba(0, 0, 0, 0.6); 
    width: 60%;
    margin-top: 60px;
    margin-left: 20px;
    height: auto;
    float: left;
    display: inline-block;
    box-shadow:5px 3px 8px #000000;    
}
}

Wie man sieht soll bei Displays, die größer oder gleich 1200 Pixel breit sind, eine Margin-left von 160px haben. Erst ab 985px Breite soll margin-left dann nur noch 20px groß sein.

Allerdings werden immer 20px ausgeführt - auch bei großen Monitoren.

Hier der Link zur Seite: http://wighty.de/13/

Wenn ich die Anweisungen umdrehe, also die kleinen Displays oben und die großen darunter notiere, tritt der Fehler nicht auf aber dann funktioniert die ganze Sache gar nicht mehr.

Hat jemand eine Idee, was ich falsch mache?

Grüße
Holger

Hi Edi,

inzwischen ja. Ich habe das Problem erst einmal dadurch gelöst, dass ich die archieve.php nicht mehr verwendet habe. Dann fiel mir ein selbstverursachter css-Fehler auf, auf den maxe schoin hingedeutet hatte. Nach dessen Beseitigung wurden die Beiträge auch in der archieve.php untereinander dargestellt.

Vielen Dank allen Helfern.