WBCE CMS Forum

WBCE CMS – Way Better Content Editing.

Du bist nicht angemeldet.

#26 09.02.2019 15:16:02

jonny
Mitglied

Re: Phantom Theme in WBCE

Das problem scheint nun Behoben zu sein und lustigerweise nicht durch komplettes umschreiben..

Sondern durch rollback auf meinen ersten versuch, wo ich feststellen musste das ich seltsamerweise schon etwas richtig gemacht haben muss..

Man kann nur Layout und Optik erkennen aber es ist noch nicht perfekt.. Wie kreig ich das Klappbare Menü mit Burger hin und das die Optik des Contents auch ansprechend aussieht?

Was meint ihr zum aktuellen Status whunderbar.ch/pages/test.php

Beitrag geändert von jonny (10.02.2019 08:57:35)


Wer noch etwas Dummheit will soll sich hinten anstellen..

Offline

#27 10.02.2019 10:09:54

byteworker
Mitglied

Re: Phantom Theme in WBCE

Hallo Jonny,

der Link von Dir zeigt im Grund nur den Footer des alten Templates, alles was drüber ablaufen soll ist nach links verschoben. Vermutlich fehlen da Divs oder werden nicht richtig geschlossen oder im Code hat es sonstwas zerschossen. Die Navigation funktionierte bei mir ohne viel Dazutun. Ich hatte die Funktionen des hereinslidens ja unangetastet vom Standardtemplate übernommen. Einzig die Menüaufrufe ala WBCE musste ich da rein packen.

Frage: wie bearbeitest Du denn das Template im Code? nimmst du einen Texteditor oder Dreamweaver oder womit gehtst Du da ran?

Online

#28 10.02.2019 10:16:14

jonny
Mitglied

Re: Phantom Theme in WBCE

Ich gehe mit Atom an das Design heran ist ein Codeeditor den ich intuintiv und praktisch finde.

In der Anleitung ist ein Syntaxfehler bei Inhalte

und wird ersetzt durch:


    <!-- Spalte für den Hauptinhalt -->
    <div id="inhalt">
        <?php echo page_content(1); >
    </div>


müsste das nicht

                    <div id="main">
                        <div class="inner">
                        <?php echo page_content(1); ?>
                        </div>
                    </div>

Am schluss noch mit einem "?" sein

Beitrag geändert von jonny (10.02.2019 10:38:23)


Wer noch etwas Dummheit will soll sich hinten anstellen..

Offline

#29 10.02.2019 10:57:08

byteworker
Mitglied

Re: Phantom Theme in WBCE

weiss ich nicht, versuch mal ob es so funktioniert, wenn nicht, wars anders. wink

Online

#30 10.02.2019 12:47:34

florian
Administrator

Re: Phantom Theme in WBCE

Danke für den Hinweis, die Doku ist korrigiert - da fehlte tatsächlich das Fragezeichen.


Code allein macht nicht glücklich. Jetzt spenden!

Offline

#31 10.02.2019 13:21:00

jonny
Mitglied

Re: Phantom Theme in WBCE

Gern geschehen smile

Habs festgestellt dank dem Atom Editor. Da verfärbt sich der Nachfolgende Text anders wenn vorher etwas fehlt..

Hast du ne idee wie man die Untermenüs zu einer Klappbaren version umarbeiten kann?

Das bei klick auf ZB Obermenü "Preise" Preise geöffnet wird.. und auf das "+" die untermenüs aufgeklappt werden.


Wer noch etwas Dummheit will soll sich hinten anstellen..

Offline

#32 10.02.2019 13:35:45

florian
Administrator

Re: Phantom Theme in WBCE


Code allein macht nicht glücklich. Jetzt spenden!

Offline

#33 11.02.2019 13:02:58

jonny
Mitglied

Re: Phantom Theme in WBCE

Alsoo, ich habe nun endlich ein gutes Off-Canvas Menü gefunden das sich eignen sollte.

Wie kann man dies am besten einbauen in die vorhandene Struktur?
https://designmodo.com/canvas-sliding-navigation-menu/

Ich meine im Beispiel ist es als HTML dargestellt mit den entsprechenden + zeichen..

Ist es möglich überhaupt dies umzusetzen?


Wer noch etwas Dummheit will soll sich hinten anstellen..

Offline

#34 17.02.2019 08:27:52

jonny
Mitglied

Re: Phantom Theme in WBCE

Würde jemand mir sein Wissen diesbezüglich etwas eröffnen den ich habe leider keine Ahnung wie das mit dem Menü aufklappen funktionieren soll bei dem Kurzen PHP den wir ins Template setzen..


Wer noch etwas Dummheit will soll sich hinten anstellen..

Offline

#35 17.02.2019 11:42:16

florian
Administrator

Re: Phantom Theme in WBCE

Versuch mal das hier - nicht getestet, kann gut sein, dass das noch nicht funktioniert:

Falls es zufällig funktionieren sollte, wird jeder Menüpunkt mit dem Home-Icon gekennzeichnet, da muss man dann noch mit einem Droplet herumtricksen, das wäre der nächste Schritt, wenn die Navigation grundsätzlich funktioniert und sich mit dem Ausgangstemplate nicht in die Quere kommt (was zu befürchten ist).

Ansonsten - wenn es bei der Website um eine Bar geht, sind ja eigentlich keine größeren Änderungen an der Struktur der Seite zu erwarten, wenn diese einmal feststeht. Es spräche also möglicherweise auch nichts dagegen, die Navigation einfach direkt im Template einzufügen (die Links dann als a href="[wblink1]" usw.), dann erspart man sich das Gefrickel mit SM2.

Code aus rechtlichen Gründen entfernt

Beitrag geändert von florian (01.03.2019 11:34:11)


Code allein macht nicht glücklich. Jetzt spenden!

Offline

Liked by:

byteworker

#36 19.02.2019 13:49:58

jonny
Mitglied

Re: Phantom Theme in WBCE

Version 1 hat nicht funktioniert leider, wie im Anhang ersichtlich ist..

Wenn ich die NAV identisch einfüge wie in der Anleitung beschrieben, lässt sich das Menü nicht mehr öffnen..

Daher sehe ich nicht ob es funktionieren würde..

Eigentlich sähe ich bei einer Umsetzung eben dieses Menüs mit Verbindung zum Template ein Modernes Template das mehrere Benutzer profitieren würden.

Beitrag geändert von jonny (19.02.2019 13:52:05)


Wer noch etwas Dummheit will soll sich hinten anstellen..

Offline

#37 19.02.2019 16:52:11

florian
Administrator

Re: Phantom Theme in WBCE

Als Proof of Concept hier ein rudimentäres Template mit funktionierender Off Canvas Sliding Navigation.
Die OCN kann max. 2 Levels (oberste Ebene + eine drunter) anzeigen.
Den Icon als font-awesome-Code im Feld Schlagwort der Seite angeben.

Anhang aus rechtlichen Gründen entfernt

Beitrag geändert von florian (19.02.2019 16:55:20)


Code allein macht nicht glücklich. Jetzt spenden!

Offline

#38 20.02.2019 12:54:07

byteworker
Mitglied

Re: Phantom Theme in WBCE

Ich habe es kurz angeschaut. Bei manchen Seiten, in Verbindung mit dem Wunderblock, klappt die Navi nicht auf. Ob sich da irgendwelche Scripte im Weg sind? Ich werde es die kommenden Tage genauer ansehen und in Ruhe testen. Ganz herzlichen Dank Florian.

Online

#39 21.02.2019 13:18:47

jonny
Mitglied

Re: Phantom Theme in WBCE

Gut gelungen wirklich danke vielmals <3

Ich schätze die Hilfe sehr und bin unendlich dankbar, das ich solche Unterstützung durch euch erhalte..

Eine frage hab ich trotzdem, bei mir ist die Unterseite offen beim öffnen des Menüs..

Wenn ich dan + anklicke klappt es zu, sprich funktionalität ist verkehrt herum big_smile

Was müsste man daran ändern?


Wer noch etwas Dummheit will soll sich hinten anstellen..

Offline

#40 28.02.2019 11:10:52

jonny
Mitglied

Re: Phantom Theme in WBCE

Hat jemand das Phänomen auch bemerkt oder ist das nur bei mir?


Wer noch etwas Dummheit will soll sich hinten anstellen..

Offline

#41 28.02.2019 11:27:46

florian
Administrator

Re: Phantom Theme in WBCE

Doch, ich hatte zwischendurch mal auf whunderbar.ch geschaut, inzwischen ist die Seite ja nicht mehr erreichbar, da hatte ich das auch gesehen.
Nur müssten ich oder sonst jemand dann zur Behebung des Problems, sofern das überhaupt möglich ist, sich dann in mindestens drei fremde und mehr oder weniger komplexe CSS einfuchsen:
- das CSS des Original-Templates
- das CSS des Menüs
- Dein CSS
Was schon mal ziemlich schwierig und zeitaufwändig ist. Hinzu kommt, dass Helfende nur an der Oberfläche kratzen können,  bzw. mühsam nur mit der Browserkonsole testen könnten, inzwischen alles selbst für Dich / wie bei Dir nachbauen müssten mad , weil whunderbar.ch nicht mehr erreichbar ist und weil Du das Template mit Deinen Anpassungen nicht zum Download hier reingestellt hast.

Und, um ehrlich zu sein - mich reizt das nicht. Ich habe oben einen funktionierenden Proof of Concept veröffentlicht, und wenn der nicht auf Anhieb funktioniert, wenn er mal eben um 180 Grad gedreht und in ein komplexes Template eingefügt wird, sehe ich mich nicht in der Pflicht, da dann nochmal viel Zeit zu investieren, um das an individuelle Wünsche anzupassen.


Code allein macht nicht glücklich. Jetzt spenden!

Offline

Liked by:

byteworker, thanks

#42 28.02.2019 11:41:22

jonny
Mitglied

Re: Phantom Theme in WBCE

Moin Moin smile

Sorry das die Seite nicht erreichbar ist hat damit zu tun, das wir mit dem Registrar ein kleines Peoblem hatten wegen der Rechnung.

Das wird gleich behoben und dann wärs wieder Erreichbar.

Selbstverständlich kann ich dann das Gesamtpaket hier hochladen damit es eventuell klappen könnte, dies auszuarbeiten, falls das möglich wäre.

Entschuldige vielmals die Umstände, das war keine Absicht..

Ich hoffe du bist mir nicht böse hmm


Wer noch etwas Dummheit will soll sich hinten anstellen..

Offline

#43 28.02.2019 11:47:09

berny
Mitglied

Re: Phantom Theme in WBCE

jonny schrieb:

Moin Moin smile

Sorry das die Seite nicht erreichbar ist hat damit zu tun, das wir mit dem Registrar ein kleines Peoblem hatten wegen der Rechnung.

Das wird gleich behoben und dann wärs wieder Erreichbar.

Selbstverständlich kann ich dann das Gesamtpaket hier hochladen damit es eventuell klappen könnte, dies auszuarbeiten, falls das möglich wäre.

Entschuldige vielmals die Umstände, das war keine Absicht..

Ich hoffe du bist mir nicht böse hmm

Komischer Registrar, der den Webauftritt gleich abdreht....
Ist das rechtlich überhaupt OK?

Offline

#44 01.03.2019 11:23:07

florian
Administrator

Re: Phantom Theme in WBCE

So, ich hab mir das nochmal angesehen. Die Lizenz des Navigationsscripts lässt es leider nicht zu, angepasste Versionen zu teilen (CC-BY-ND). Grundsätzlich ist es aber möglich, die Navigation auf der rechten Seite zu platzieren und das auch so zu tun, ohne dass die + / - -Funktionalität zerstört wird. Es muss also Konflikte mit dem Phantom-HTML5-Template geben, wie bereits befürchtet.

Da wie gesagt die Navigation unter einer extrem restriktiven Lizenz steht, ist der ursprüngliche Gedanke, darauf basierend ein allgemein verfügbares Template zu erstellen, gestorben.

Tipp an jonny: Nimm das Beispiel-HTML mit der Navigation und baue in den canvas-DIV das Gridism-CSS-Grid ein, um Inhaltsblöcke platzieren zu können. Das beißt sich nicht mit der Navigation.

So könnte das aussehen:

<div id="contents">
				<div class="grid">
					<div class="unit golden-large">
						<a href="<?php echo WB_URL; ?>"><img src="<?php echo TEMPLATE_DIR; ?>/logo.png"></a>
					</div>
					<div class="unit golden-small">
						(Hier der Hamburger-Icon wie im Original-Code)
					</div>
				</div>
				<div class="grid">
					<div class="unit golden-large">				
						<?php echo page_content(1); ?>
					</div>
					<div class="unit golden-small">
						<?php echo page_content(2); ?>
					</div>
				</div>           
			</div>

Beitrag geändert von florian (01.03.2019 11:24:57)


Code allein macht nicht glücklich. Jetzt spenden!

Offline

#45 01.03.2019 12:19:17

jonny
Mitglied

Re: Phantom Theme in WBCE

https://whunderbar.ch/pages/test.php

Die Seite ist wieder Onine und habe die ganzen Files nun hochgeladen damit ihr die live testen könnt.

Das Problem ist eben nun das bei göffnetem Untermenü das + erscheint und wenns geschlossen ist ein - was ja anders herum sein sollte..

LG JONYY

EDIT: Kann leider das ZIP nicht hochladen

Welches Template sollte ich den verwenden?

Beitrag geändert von jonny (01.03.2019 12:31:06)


Wer noch etwas Dummheit will soll sich hinten anstellen..

Offline

#46 01.03.2019 13:48:58

florian
Administrator

Re: Phantom Theme in WBCE

EDIT: Kann leider das ZIP nicht hochladen

Wahrscheinlich zu groß, ich hätte es aber sowieso sofort löschen müssen. Siehe meinen Post von 11:23 Uhr.

Auf der Testseite sind nur die Styles vom Phantom-Template geladen, nicht jedoch die, die zur Extra-Navigation gehören.


Code allein macht nicht glücklich. Jetzt spenden!

Offline

#47 02.03.2019 13:20:03

jonny
Mitglied

Re: Phantom Theme in WBCE

Hallo Florian

Danke für deine Hilfe mit dem Template.

Laut deiner Nachricht und Bildern sollte das Template die Menüleiste nun rechts anzeigen was aber bei mir nicht der Fall ist, Müsste ich das nun noch einarbeiten was du mir vorgängig geschrieben hast um dies rechts zu halten?


Wer noch etwas Dummheit will soll sich hinten anstellen..

Offline

#48 02.03.2019 13:46:43

florian
Administrator

Re: Phantom Theme in WBCE

Die Lizenz lässt es nicht zu, dass Du die angepasste Navigation verwendest. Sorry. Der Herausgeber hat das vielleicht nicht beabsichtigt, aber faktisch darfst Du nicht mal die Farben der Navigation ändern.

Da musst Du dann wohl leider nach einem Navigationsscript, das Dir zusagt, weitersuchen.


Code allein macht nicht glücklich. Jetzt spenden!

Offline

#49 04.03.2019 08:49:21

jonny
Mitglied

Re: Phantom Theme in WBCE

Was meinst du wäre ev. eine Integration dieser Navi möglich?

und welche Schritte müsste ich unternehmen damit die Verlinkung klappt?


<!DOCTYPE html>
<html>
<title>W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<body>



<div class="w3-sidebar w3-bar-block w3-card w3-animate-right" style="display:none;right:0;" id="rightMenu">
  <button onclick="closeRightMenu()" class="w3-bar-item w3-button w3-large">Close &times;</button>
  <a href="#" class="w3-bar-item w3-button">Link 1</a>
  <button class="w3-button w3-block w3-left-align" onclick="myAccFunc()">
  Accordion <i class="fa fa-caret-down"></i>
  </button>
  <div id="demoAcc" class="w3-hide w3-white w3-card">
    <a href="#" class="w3-bar-item w3-button">Link</a>
    <a href="#" class="w3-bar-item w3-button">Link</a>
  </div>
  <a href="#" class="w3-bar-item w3-button">Link 3</a>
</div>

<div class="w3-teal">
  <button class="w3-button w3-teal w3-xlarge w3-right" onclick="openRightMenu()">&#9776;</button>
  <div class="w3-container">
    <h1>My Page</h1>
  </div>
</div>

<div class="w3-container">
<p>In this example, we demonstrate how to use two side navigations.</p>
<p>We have created two "menu" buttons: one to open the side navigation from the left and one to open it from the right.</p>
</div>
     
<script>




function myAccFunc() {
  var x = document.getElementById("demoAcc");
  if (x.className.indexOf("w3-show") == -1) {
    x.className += " w3-show";
    x.previousElementSibling.className += " w3-green";
  } else { 
    x.className = x.className.replace(" w3-show", "");
    x.previousElementSibling.className = 
    x.previousElementSibling.className.replace(" w3-green", "");
  }
}



function openRightMenu() {
  document.getElementById("rightMenu").style.display = "block";
}

function closeRightMenu() {
  document.getElementById("rightMenu").style.display = "none";
}






</script>
     
</body>
</html>

Beitrag geändert von jonny (05.03.2019 06:55:07)


Wer noch etwas Dummheit will soll sich hinten anstellen..

Offline

#50 05.03.2019 14:41:46

jonny
Mitglied

Re: Phantom Theme in WBCE

Würde dieses Menü denn unter die gleiche Lizenz fallen?

https://codyhouse.co/gem/css-multi-level-accordion-menu

Ich versuche nur zu verstehen wie ein solches Menü adaptiert werden kann mit PHP für mich ist das aktuell noch nicht verständlich wie ich beliebige Menüs umarbeiten kann damit das PHP die richtige Class etc anspricht von einem vorhandenen Menü design...?

Sorry das ich so viele Fragen an euch stelle..

Mir ist klar das dies anstrengend ist für euch, aber damit lerne ich auch viel neues und kann in Zukunft besser arbeiten damit.
Ich hoffe wirklich sehr damit in geraumer Zeit eine schöne Website mit WBCE erschaffen zu können für meine Kundin..

LG

Beitrag geändert von jonny (05.03.2019 15:08:14)


Wer noch etwas Dummheit will soll sich hinten anstellen..

Offline

Fußzeile des Forums

up