Seitentyp Produkt Landing Page designen

Es gibt ein neuen Seitentyp Produkt Landing Page - types/productLandingPage

Ziel des Seitentyps ist es, in den Einstellungen ein Produkt auszuwählen und für dieses Produkt ein Landingpage erstellen zu können. So können spezielle Produkte hervorgehoben werden.

Aufbau:

• productLandingPage.top Zone
• Produkt
• productLandingPage.bottom

zur Zeit habe ich das Produktcontrol dafür verwenden, ich weis jedoch nicht ob das so optimal ist. Wenn du was anderes dafür brauchst, dann bitte bescheid geben.

changed due date to September 06, 2024

assigned to @michael.daniel

Ergänzung:

also, das ganze ist dann eine produkt landing page

such dir mal schöne designes wo einzelne produkte auf einer seite angezeigt werden und diese in warenkorb gelegt werden können oder direkt gekauft

Wenn du mit dem Design fertig bist, gib mit das bitte zurück. Ich muss dann daraus noch ein Brick bauen.

mentioned in commit a4a229e7

@henbug als ich nach Design-Inspirationen gesucht habe, habe ich mich gefragt, was der Seitentyp eigentlich macht. Jetzt wo ich nachdenke, kann ich mir nicht erklären, was ich hier hübsch machen soll.

Alle gefundenen Beispiele sind schöne Landingpages, manchmal mit einem CTA Button (Link) zum Produkt. Aber eine Seite, wo das Produkt irgendwo am Ende (oder in der Mitte) mit großem "Jetzt kaufen" Button ist, kenne ich nicht. Kannst du ein Beispiel nennen?

Ich verstehe auch nicht, warum der Seitentyp Bausteinzonen liefern soll. Warum nutzen wir nicht direkt die Zonen, die wir haben (vor dem Inhalt, nach dem Inhalt)? Das Produkt wird schließlich "im Inhalt" als Control dargestellt.

Außerdem verstehe ich nicht, was ich hübsch machen soll. Paar Beispiel Bausteinen vor dem Produkt? Aber das ist doch zu spezifisch, das könnte ich höchstens als Demo Data bauen (können Seiten mit Demo Data angelegt werden? Eher nicht, oder?).

Jetzt überlege ich mir, ob es nicht sinnvoller wäre, einen Baustein (als Control), was ein Produkt darstellt, dazu verschiedene Vorlagen. Mit dem Baustein kann man dann eine schöne Landingpage bauen, aber die Landingpage ist dann immer ja spezifisch. Hier wäre wieder "Demo Data" hilfreich.

Hier sind paar Inspirationen, aber das sind "ganz normale" Landingpages... Ich denke nicht, dass es darum geht:

• https://cowboy.com/products/e-bike-cowboy-classic/ - große Landingpage, sogar viel zu groß
• Introducing-the-Ultimate-Smart-Speaker.pdf - ein Beispiel von Gamman, was aber auch nicht genau das ist, was wir brauchen, oder?
• Produkt Landingpage Screenshit
• https://demo.web3canvas.com/themeforest/proland/index.html
• https://ydirection.com/Root/index-2.html - hier am Ende ist tatsächlich so ein Produkt Control. Aber ansonsten ist die ganze Seite eine spezielle Landingpage.
• https://demo.tutsflow.com/protem/?storefront=envato-elements#

---

Sorry, dass ich erst jetzt schreibe, aber als ich mich dadran gesetzt habe, habe ich gesehen, dass ich die Idee nicht verstanden habe. Kannst du das bitte beschreiben? Ggf. können wir morgen früh telefonieren, wenn du magst. Oder nächsten Montag.

Du hast das schon richtig verstanden

• Bausteinzonen sind, damit man flexibler ist
• Brick hätte ich gebaut, siehe #8 (comment 202034)

du darfst gerne Produkt bricks bauen, dann mach ich den Rest. Wenn dir das lieber ist.

Besprechung:

• Michael baut als erstes die Bausteine und bereitet das Design vor
  • Die Bausteine erhalten ein Call To Action Url
  • Der Seitentyp erhält eine Call to Action url Eigenschaft
  • Wenn der Baustein kein call_to_action_url besitzt, wird geschaut ob die Seite diese Eigenschaft hat
  • Der Button muss ein Link -> href oder onclick window.location ausführen
• Hen baut dann bei onSiteCreate
  • während on site create werden im php die bausteine der seite hinzugefügt
  • michael kommt dann auf hen zu wenn er das grundlegende design erstellt hat

mentioned in commit ea75fe46

mentioned in commit 2b1bc9f7

assigned to @henbug and unassigned @michael.daniel

assigned to @michael.daniel and unassigned @henbug

Beispiel ist implementiert. Du brauchst aber die neuste QUIQQER version dazu. Da hier ein neues Event benötigt wird

Wie du Bricks einer Seite hinzufügen kannst findest du hier:

https://dev.quiqqer.com/quiqqer/order-simple-checkout/-/blob/feat-product-landing-page/src/QUI/ERP/Order/SimpleCheckout/Events.php?ref_type=heads#L33

Du hast zwei Möglichkeiten Attribute zu setzen

$Brick = new QUI\Bricks\Brick([
            'type' => 'content',
            'title' => 'Mein neuer Inhalt; Für Seite: ' . $Site->getId() .' - '. QUI\Utils\Uuid::get(),
            'description' => '(generierter baustein)',
            'content' => 'Dies ist ein test'
        ]);

        $BrickManager->saveBrick($brickId, [
            'areas' => 'headerSuffix,contentPrefix,leftSidebar,rightSidebar,contentSuffix,footerPrefix,footer,' .
                'productSidebarPrefix,productSidebarSuffix,productCategoryPrefix,productCategorySuffix'
        ]);

$BrickManager->saveBrick dürfte die einfacherere Methode sein, da die Abstraktion vom Brick Objekt etwas anders ist. Das interpertiert ja viele Eigenschaften. $BrickManager->saveBrick ist da direkter was die Datenbank angeht. Diese Methode wird auch verwendet wenn du einen Brick speicherst.

Grundlegend kannst du einen Brick anlegen, speichern, die die Attribute aus dem Ajax nehmen und diese Attribute dann direkt zu $BrickManager->saveBrick geben. Das sollte gehen.

mentioned in commit e6313e37

mentioned in commit 9eb4c8ad

mentioned in commit 3f46b86e

mentioned in commit 80ee4b9b

mentioned in commit e5985ec0

Hen teste bitte die Landing Page. Falls dir noch welche Bausteine fehlen, sag bitte Bescheid. Jetzt soll es schneller gehen.

Du brauchst folgende Versionen:

• quiqqer/gallery ab 2.1.0 (In dieser Version ist der Logo Slider - Video unten)
• quiqqer/bricks ab 2.1.2

logo-infinite-carousel

assigned to @henbug and unassigned @michael.daniel

removed due date September 06, 2024

Ist mittlerweile erledigt

closed