Mex | Magento Experte

SKU dynamisch ändern für konfigurierbare Artikel im Hyvä Theme (Magento 2)

Mex 7. Juni 2024 Magento Lösungen

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…

Lösung ansehen

Modalen Dialog mit Close Button mit Hyvä erstellen (Magento 2)

Mex 30. Mai 2024 Magento Lösungen

Mit Hyvä können Sie problemlos eigene modale Dialoge erstellen. So beginnen Sie mit dem Erstellen des modalen Dialoges im Hyvä Theme:

$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');

$heroicons = $viewModels->require(\Hyva\Theme\ViewModel\HeroiconsOutline::class);

$modalDialog = $viewModels->require(\Hyva\Theme\ViewModel\Modal::class)

->createModal()

->withDialogRefName('unique-name')

->withContent('

<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,…

Lösung ansehen

Index entsperren (Magento 2)

Mex 23. Mai 2024 Magento Lösungen

Es kann vorkommen, dass in Ihrem Magento 2 Shop einer oder mehrere Indexe gesperrt (locked) sind und nicht aufgebaut werden können mit dem üblichen Befehl:

php bin/magento indexer:reindex

1	php bin/magento indexer:reindex

Die Meldung könnte dann z.B. so aussehen: Product EAV index is locked by another…

Lösung ansehen

icecat Daten in Magento 2 integrieren (icecat Integration)

Mex 16. Mai 2024 Magento Lösungen

Sie möchten Ihren Magento 2 Produktkatalog mit den Daten von icecat (https://icecat.biz) anreichern? Kein Problem! Mit der offiziellen Magento 2 Extension von icecat (https://packagist.org/packages/icecat/magento2-extension) können Sie mit relativ geringem Aufwand Ihre bereits vorhandenen Daten ergänzen oder auch neue Produkte direkt…

Lösung ansehen

Hyvä Sprachpakete installieren (Magento 2)

Mex 29. April 2024 Magento Lösungen

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…

Lösung ansehen

Update auf Magento 2.4.7

Mex 25. April 2024 Magento Lösungen

Die Magento Version 2.4.7 wurde Anfang April 2024 veröffentlicht. Möchten Sie Ihren aktuellen Magento 2 Shop auf die neueste Magento 2 Version updaten und somit von allen Optimierungen und Sicherheitsupdates profitieren? Melden Sie sich gerne bei mir und ich aktualisiere…

Lösung ansehen

Farbe Radiobutton anpassen im Hyvä Theme (Magento 2)

Mex 18. April 2024 Magento Lösungen

Sie können die Farbe des Radio Buttons im Hyvä Theme in Ihrem Magento 2 Shop sehr einfach anpassen, entweder mit einer vordefinierten Farbe, das könnte dann so aussehen:

input[type='radio'] {
    @apply text-emerald-500 focus:ring-emerald-500
}

input[type='radio'] {

@apply text-emerald-500 focus:ring-emerald-500

}

Wenn Sie eine eigene Farbe definiert haben, sieht es ähnlich aus:…

Lösung ansehen

Snowdog Menü CSS überschreiben im Hyvä Theme (Magento 2)

Mex 16. April 2024 Magento Lösungen

Das Magento 2 Snowdog Menü definiert sein eigenes Layout für z.B. die Hover Textfarbe. Um diese oder anderes CSS des Snowdog Menüs zu überschreiben, gehen Sie folgendermaßen vor: Öffnen Sie die Datei app/design/frontend/Theme/hyva/web/tailwind/postcss.config.js Ihres Hyvä Child Themes Fügen Sie den…

Lösung ansehen

Focus Ringfarbe ändern beim Hyvä Theme (Magento 2)

Mex 15. April 2024 Magento Lösungen

Wenn Sie die Farbe des Fokusrings in Ihrem Hyvä Theme anpassen und eine individuelle Farbe verwenden möchten, können Sie das in der Datei app/design/frontend/Theme/hyva/web/tailwind/tailwind.config.js erledigen:

...
theme: {
    extend: {
        ringColor: {
            'thecolor': '#123456'
        },
    }
}
...

...

theme: {

extend: {

ringColor: {

'thecolor': '#123456'

}

...

Zugriff auf die Farbe haben Sie dann z.B. mit dem Code:

class="... focus:ring-thecolor ..."

1	class="... focus:ring-thecolor ..."

. Wenn Sie…

Lösung ansehen

★★★ Der Magento Experte ★★★

Magento-Profi mit 27112 Stunden Projekterfahrung

Autor: Mex

SKU dynamisch ändern für konfigurierbare Artikel im Hyvä Theme (Magento 2)

Modalen Dialog mit Close Button mit Hyvä erstellen (Magento 2)

Index entsperren (Magento 2)

icecat Daten in Magento 2 integrieren (icecat Integration)

Hyvä Sprachpakete installieren (Magento 2)

Update auf Magento 2.4.7

Farbe Radiobutton anpassen im Hyvä Theme (Magento 2)

Snowdog Menü CSS überschreiben im Hyvä Theme (Magento 2)

Focus Ringfarbe ändern beim Hyvä Theme (Magento 2)

Mobiles Snowdog Menü wird nicht angezeigt bei Verwendung des Hyvä UI Stacked Headers (Magento 2)