Je nach der von Ihnen verwendeten Hyvä Version kann es vorkommen, dass die Optionen eines konfigurierbaren Produktes nicht vorbelegt sind. Dies spielt dann eine Rolle, wenn Sie ein konfigurierbares Produkt so aufrufen, dass Sie die Optionsparameter (wie z.B. Größe oder…
PayPal Express Button auf Produktseite funktioniert nicht in Hyvä (Magento 2)
Je nach verwendeter Hyvä Theme Version, kann es vorkommen, dass der PayPal Express Button auf der Hyvä Produktseite nicht funktioniert. Es wird die Fehlermeldung We can’t initialize Express Checkout bzw. Wir konnten die Express-Kaufabwicklung nicht initialisieren als Fehlermeldung ausgegeben. Um…
Firegento_Magesetup mit Hyvä Theme nutzen (Magento 2)
Das Firegento_Magesetup Modul für Magento 2 funktioniert standardmässig nicht mit dem Hyvä Theme. Um das Problem zu beheben, müssen Sie das Magesetup_Firegento Kompatibilitätsmodul installieren. Gehen Sie dazu in den Rootordner Ihres Magento 2 Shops und führen Sie dort die folgendenden…
Tab auf der Hyvä Produktseite hinzufügen (Magento 2)
Im Hyvä Theme gibt es in diesem Sinne keine Tabs auf der Produktseite. Stattdessen werden die Tabs als sogenannte “Section Cards” dargestellt. Das Hinzufügen einer Hyvä Section Card funktioniert aber gleich dem Hinzufügen eines klassischen Magento 2 Luma Tabs. Fügen…
Luma Theme Fallback für Hyvä installieren / einrichten (Magento 2)
Gewisse Bereiche Ihres Magento 2 Shops können vom Hyvä Theme ausgeklammert werden. Ein solcher Bereich ist zum Beispiel der Magento 2 Checkout. In diesen Bereichen ist Hyvä dann nicht aktiv und es wird kein Tailwind CSS oder Apline.js geladen. Es…
Hyvä “Cannot find module ‘postcss-import’” Problem lösen (Magento 2)
Es kann vorkommen, dass Sie beim Ausführen des Hyvä npm Build Befehls die folgende Fehlermeldung erhalten: Cannot find module ‘postcss-import’ Sie können das Problem einfach lösen, indem Sie im Tailwind Verzeichnis Ihres Child Themes diesen Befehl ausführen:
1 |
npm install postcss-import |
Styles einer Extension werden nicht berücksichtig in Hyvä (Magento 2)
Wenn Sie eine Extension installieren (z.B. ein Hyvä Kompatibilitätsmodul / eine Hyvä Kompatibilitätsextension), werden die Styles dieser Extension (in der Regel aus tailwind-source.css) nicht sofort von Hyvä erkannt und entsprechend in Hyvä bzw. Tailwind berücksichtigt. Damit dies geschieht, muss zuerst…
SKU dynamisch ändern für konfigurierbare Artikel im Hyvä Theme (Magento 2)
Im Hyvä Theme (und auch sonst in Magento) ändert sich die angezeigte Artikelnummer (SKU) nicht, wenn Sie verschiedene Optionen eines konfigurierbaren Artikels auswählen auf der Produktseite. Mit einer kleinen Codeanpassung können Sie dies jedoch bewerkstelligen. Überschreiben Sie die Datei /vendor/hyva-themes/magento2-default-theme/Magento_ConfigurableProduct/templates/product/view/type/options/js/configurable-options.phtml…
Modalen Dialog mit Close Button mit Hyvä erstellen (Magento 2)
Mit Hyvä können Sie problemlos eigene modale Dialoge erstellen. So beginnen Sie mit dem Erstellen des modalen Dialoges im Hyvä Theme:
1 2 3 4 5 6 7 8 9 10 11 |
$heroicons = $viewModels->require(\Hyva\Theme\ViewModel\HeroiconsOutline::class); $modalDialog = $viewModels->require(\Hyva\Theme\ViewModel\Modal::class) ->createModal() ->withDialogRefName('unique-name') ->withContent(' <div class="absolute top-4 right-4 rounded-t dark:border-gray-600"> <button @click="hide" type="button" class="h-10 w-10 rounded-full p-2">' . $heroicons->renderHtml('x') . '</button> </div>' . 'testcontent') ->addDialogClass('relative sm:w-1/2 md:w-1/2 lg:w-1/2 xl:1/2 2xl:1/2','m-2'); |
Sie können den Dialog mit jedem beliebigen HTML Element öffnen. Im folgenden Beispiel ist es ein span Element,…
Hyvä Sprachpakete installieren (Magento 2)
Es gibt für das Hyvä Theme bereits Sprachpakete für diverse Sprachen. Sie können diese wie gewohnt mit composer installieren. Alle Sprachen finden Sie auf https://docs.hyva.io/hyva-themes/building-your-theme/localization.html, es werden weitere Sprachen ergänzt mit der Zeit. Zum Zeitpunkt dieses Artikels werden die folgenden…