Teme Hyva pentru Magento: ce, de ce și cum?

Publicat: 2022-10-28

Este posibil să fi întâlnit recent numele „Hyva” în diferite locuri, de la o mulțime de evenimente offline, cum ar fi Webwinkel Vakdagen în Țările de Jos, Meet Magento NYC/UK, Hyva Camp în Germania până la evenimente virtuale (Hyva meetup, Hyva Hackathon). Mai mult, unii furnizori prevalenți de extensii Magento au anunțat că produsele lor sunt acum compatibile cu temele Hyva.

Nu încă, conform Builtwith, există 1.178 de site-uri web care utilizează Hyva Themes chiar acum, dintre care 246, 202 și 168 sunt în Belgia, Țările de Jos și, respectiv, Statele Unite.

statistici de utilizare a temelor hyva

Deci, dacă sunteți un dezvoltator Magento sau un comerciant Magento, atunci s-ar putea să vă întrebați care este tema Hyva. În acest articol, vom dezvălui tot ce trebuie să știți despre această temă specială – de la beneficiile pe care le oferă până la cum să începeți să o utilizați. Sunteți gata să începeți? Citește mai departe!

Ce este Hyva Magento 2 Theme?

magento hyva

Cum a apărut ideea temei?

Magento oferă o mulțime de avantaje, cum ar fi flexibilitatea de personalizare și capabilități multi-magazin pentru magazinele web. Din păcate, front-end-ul Magento nu este un punct forte al platformei. Componentele sale UI sunt destul de sofisticate și adaugă o mulțime de efort suplimentar procesului de dezvoltare. Chiar și programatorii calificați necesită o pregătire extinsă pentru a executa modificări minore. O altă problemă a temei Magento Luma este cantitatea substanțială de cod JavaScript, care crește timpul de încărcare și este dificil de optimizat.

În general, există trei dezavantaje majore în utilizarea temei implicite Magento:

  • Este extrem de lent
  • Are multe coduri moarte
  • Este nevoie de timp pentru a personaliza

De aceea a intrat Hyva.

Prezentare generală a temelor Hyva

Hyva este o temă Magento 2 neconvențională. Prin eliminarea bibliotecilor greoaie precum RequireJS, KnockoutJS și jQuery din pânza standard de șabloane Adobe Magento și folosind în schimb cele mai ușoare AlpineJS și TailwindCSS, Hyva devine unul dintre cele mai rapide șabloane Magento acum.

Hai să facem totul mai simplu! Hyva este o temă pentru Magento 2 care elimină toate elementele inutile din cod și modifică unele biblioteci pentru dezvoltare pentru ca acesta să funcționeze mai eficient.

Cost

Care este prețul temelor Hyva? Hyva oferă achiziționarea unică a unei licențe care costă 1.000 EUR, fără TVA.

Cu licența pentru Hyva Themes, primiți acces deplin la codul sursă și actualizări nelimitate. Aceasta înseamnă că puteți fi mereu la curent cu cele mai recente funcții și îmbunătățiri, fără a fi nevoie să plătiți taxe suplimentare. În plus, obțineți o instalare Magento 2 cu domenii și vizualizări de magazin nelimitate incluse.

>>> Cumpărați teme Hyva

Merita?

Dacă doriți să îmbunătățiți viteza și performanța site-ului dvs., aveți la dispoziție câteva opțiuni diferite. O opțiune este să instalați o extensie Magento 2 Page Speed ​​Optimization. Prețul acestor extensii poate varia de la 99 USD la 599 USD pe an, fără a include taxele de instalare.

O altă opțiune este utilizarea serviciilor de optimizare a vitezei. Aceste servicii pot costa de obicei între 500 și 2.000 USD.

În cele din urmă, puteți alege și să integrați PWA (Progressive Web App) în site-ul dvs. web. Această opțiune poate costa oriunde între 3.000 USD și 20.000 USD.

În comparație, dacă utilizați Hyva Themes, costul de cumpărare și personalizare ar putea avea un cost similar pentru implementarea PWA.

Dacă căutați cea mai bună modalitate de a îmbunătăți viteza site-ului dvs. Magento, ar trebui să luați în considerare doar soluțiile PWA și Hyva. Acestea sunt singurele opțiuni care pot îmbunătăți cu adevărat performanța site-ului dvs. Toate celelalte extensii de optimizare a vitezei paginii Magento sunt ineficiente în comparație. (Vă vom oferi o comparație rapidă a acestor două soluții într-o altă parte a articolului.)

Resurse

ce este hyva
  • Temă demonstrativă Hyva
  • Documentație online cu tema Hyva
  • Tema Hyva github

40 Exemple de aplicații tematice Hyva/studii de caz:

studii de caz
Kimbrer Lomografie Expert Haarden Motorhuis Bakker Mini magazin de cai
Bella Baby SDS Londra Magazin olandez de etichete Castelul Bunzlau Iluminat KES
Noir Et Blanc Cazul 24 Fluture Magazin de spionaj online Bauhaus
Prosoape Bedre Naetter Cetăţean Watch Sunliner Lekue
Horecavoordeelshop Limburgia Vlaai Consumabile de lubrifianți Uitgeverij Pluim Catalog de piese
Chadwicks Haibu Vollebregt Aanhangwagens Muff Haushalt GpFans
Groene Paradijs Brentford Mullan Lighting Faru Bruynzeel Keukens
Crush de flori Estahome Supadanță Isenvi Highlite

De ce teme Hyva? Care sunt valorile lor fundamentale?

șabloane magento 2

S-ar putea să vă întrebați de ce proprietarii de magazine Magento ar dori să folosească o temă Hyva și de ce dezvoltatorii le-ar considera benefice. Cel mai mare beneficiu pentru proprietarii de magazine este de a-și crește viteza de încărcare a paginii de site și, ca rezultat, SEO. Dezvoltatorii Magento găsesc, de asemenea, temele Hyva mai ușor de personalizat cu o curbă de învățare scurtată, datorită structurii sale simple și înțelepte.

În plus, se pare că echipa Hyva se concentrează pe îmbunătățirea experienței dezvoltatorilor mai mult decât pe beneficiile comerciantului, când 4 din 6 dintre principiile lor de bază sunt pentru dezvoltatori (2 pentru comercianți și 1 pentru ambii):

  • complexitate redusă (pentru dezvoltatori)
  • performanță îmbunătățită (pentru comercianți)
  • experiență îmbunătățită pentru dezvoltatori (pentru dezvoltatori)
  • viteza de dezvoltare îmbunătățită (pentru dezvoltatori și comercianți)
  • dependențe reduse (pentru dezvoltatori)
  • curbă de învățare redusă (pentru dezvoltatori)

Să aprofundăm de ce antreprenorii și programatorii ar trebui să ia în considerare utilizarea temelor Hyva pentru magazinele/proiectele dvs. Magento:

Pentru proprietarii de magazine Magento – Obțineți o viteză accelerată a paginii și scoruri ridicate în Google PageSpeed ​​Insights

Hyva oferă o soluție de randare pe server (SSR) care reduce drastic cantitatea de date necesară pentru a reda paginile pe server. Acest lucru poate duce la încărcări mai rapide ale paginilor, ceea ce este evident benefic pentru performanța magazinului și pentru utilizatorii finali. Mai mult, este posibil ca site-urile web ultrarapide alimentate de Hyva să atingă poziții mai mari în rezultatele căutării, deoarece viteza paginii este unul dintre factorii de clasare Google confirmați.

Mai jos sunt rezultatele pentru tema Hyva Magento în testul de viteză a paginii Google. După cum puteți vedea, toate scorurile (atât pentru desktop, cât și pentru mobil) sunt impresionante, de la 91 la 100:

teme hyva
hyva magento

Este demn de remarcat faptul că site-ul web demo Hyva a fost creat având în vedere performanță, ceea ce explică rezultatele excelente ale vitezei paginii. Cu toate acestea, dacă construiți un site web de comerț electronic mai complex, rezultatele dvs. pot varia. Acest lucru se datorează faptului că site-ul demo Hyva conține funcționalități foarte de bază – nu are nici glisoare pentru bannere, nici stiluri sofisticate – cu doar un număr mic de produse.

În schimb, majoritatea site-urilor web Magento actuale au în general sute până la mii de produse care se asociază cu mai multe imagini pentru fiecare articol și multe bannere promoționale pe site. Așadar, este important să consultați un expert care vă poate oferi o predicție asupra modului în care performanța site-ului dvs. se poate îmbunătăți dacă instalați tema Hyva.

Pentru dezvoltatorii Magento – Învățați mai puțin și mai rapid, codificați mai eficient

șabloane rapide magento 2

Dacă ești dezvoltator, vei descoperi că Hyva are o curbă de învățare mult mai graduală. Acest lucru se datorează faptului că puteți utiliza instrumentele familiare de dezvoltare pentru front-end și backend Magento. Prin urmare, nu va dura mult pentru a începe și a funcționa cu tema și a deveni un dezvoltator Magento Hyva.

Documentația oficială este o resursă excelentă pentru a învăța cum să utilizați Hyva, precum și pentru a înțelege structura temei și cum să o construiți folosind doar 2 dependențe: AlpineJS și Tailwind CSS. Odată ce înțelegeți bine aceste elemente de bază, puteți începe să vă construiți propriile personalizări în temă.

Pe scurt, tema Magento Hyva este rapid de învățat și vă va economisi timp și efort pentru a crea vitrine Magento complet receptive și rapide.

Cum să aplici temele Hyva pe site-urile Magento?

Pentru proprietarii de magazine Magento

Când vine vorba de dezvoltarea temei Magento Hyva, există un număr tot mai mare de furnizori de servicii din care să aleagă. Dacă doriți să vă îmbunătățiți performanța actuală a site-ului sau să începeți un nou proiect de dezvoltare web, este important să găsiți o companie de dezvoltare de teme Hyva de încredere și cu experiență.

Există câteva lucruri de reținut atunci când selectați o companie de dezvoltare a temei Magento 2 Hyva. În primul rând, asigurați-vă că întrebați despre experiența și expertiza lor cu această temă. De asemenea, asigurați-vă că vă întrebați despre prețurile lor, astfel încât să puteți rămâne în limita bugetului dvs.

Odată ce ați găsit câțiva potențiali candidați, este timpul să luați legătura și să începeți să discutați despre proiectul dvs. Ar trebui să oferiți cât mai multe detalii posibil, astfel încât compania să vă poată oferi o ofertă corectă. Cu puțină cercetare și diligență, puteți găsi compania de dezvoltare a temei Magento Hyva perfectă pentru nevoile dvs.

Tigren este un serviciu principal de dezvoltare de teme Hyva cu peste 10 ani de experiență în dezvoltarea site-urilor Magento. Avem o echipă de dezvoltatori calificați și experimentați care sunt experți în dezvoltarea temelor Hyva și vă pot ajuta să profitați la maximum de investiția dvs. Contactați-ne astăzi pentru a afla mai multe despre serviciile noastre, pentru a obține o ofertă gratuită și cum vă putem ajuta să vă duceți afacerea la următorul nivel.

tema hyva magento 2

Pentru dezvoltatorii Magento

Dacă sunteți dezvoltator și doriți să învățați cum să utilizați tema Hyva, există două resurse grozave disponibile: cursul de instruire online al Yireo (începând de la 259 EUR/an/individ) sau învățarea personală pe baza documentației oficiale Hyva și a propriilor descoperiri. despre AlpineJS și TailwindCSS.

Ambele opțiuni au beneficiile lor – cursul online este convenabil deoarece include tutoriale video, precum și exerciții interactive, în timp ce auto-învățarea vă permite să vă concentrați pe anumite subiecte care vă interesează cel mai mult. Există, de asemenea, multe tutoriale gratuite despre cum să instalați tema Hyva pe site-urile Magento 2 pe care le puteți găsi utile.

magento 2 hyva

Tema Hyva vs Progressive Web App (PWA): comparații rapide

Există multe dezbateri online despre ce temă Magento este mai bună – Hyva sau Magento PWA. Cu toate acestea, credem că ambele au propriile forțe și sunt ca mâinile stângi și drepte cu diferite funcții și scopuri care sunt benefice pentru magazinele Magento.

Prin urmare, nu are sens să compari și să descoperi ce este mai puternic. Cu alte cuvinte, nu există nimic mai bun decât celălalt, dar trebuie să cunoști diferențele dintre două tipuri de teme pentru a o alege pe cea care se potrivește cel mai bine nevoilor tale.

hyva vs pwa

Asemănări

  • Ambele ajută la îmbunătățirea semnificativă a vitezei site-ului Magento, ceea ce este bun pentru SEO
  • Ambele nu funcționează direct cu extensii Magento 2 terțe
  • Ambele sunt doar pentru Magento 2
  • Ambele sunt pe deplin receptive
  • Ambele pot fi personalizate cu ușurință pentru a satisface nevoi diferite
  • Ambele pot dura doar câteva zile/săptămâni până la luni pentru a se dezvolta, în funcție de complexitatea proiectului și de competențele dezvoltatorilor.

Diferențele

  • Scopul cheie al Hyva este de a crește viteza site-ului și de a reduce volumul de muncă al dezvoltatorilor, în timp ce cel al Magento PWA este de a îmbunătăți experiența utilizatorului cu un aspect și o senzație asemănătoare aplicației (incluzând nu numai viteza de încărcare rapidă, ci și capacitatea de a adăuga la dispozitivul mobil). ecranul de pornire și trimiterea de notificări push).
  • Hyva este un front-end integrat în Magento, în timp ce PWA este o vitrină separată care înlocuiește front-end-ul Magento.
  • Temele Hyva sunt furnizate de compania Hyva; Între timp, există multe companii diferite de dezvoltare Magento care oferă teme Magento PWA.
  • Temele Hyva costă 1.000 EUR, în timp ce costurile temelor PWA pentru Magento sunt variate, de la gratuit la 1.000 USD. Taxele de personalizare a temei depind de partenerul de dezvoltare selectat.

Deci, care va fi de preferat?

Dacă sunteți un dezvoltator Magento, este posibil să preferați temele Hyva, deoarece sunt mai prietenoase cu dezvoltatorii. Cu toate acestea, din punctul de vedere al proprietarilor de magazine care neglijează factorul efortului dezvoltatorului, răspunsul ar putea fi 50-50.

Pentru cei care caută o soluție pentru a-și optimiza numai viteza paginii web, tema Hyva Magento 2 ar fi o alegere perfectă. Dar pentru cei care doresc nu numai să-și accelereze site-urile web, ci și o platformă care funcționează perfect atât pe desktop, cât și pe dispozitive mobile și care pot trimite notificări push în scopuri de marketing, temele Magento PWA ar putea fi potriviri mai bune.

întrebări frecvente

tema magento hyva

1. Care sunt avantajele și dezavantajele dezvoltării temei Hyva?

Pro :

  • Viteza: viteza site-ului dvs. poate fi diferența dintre un client care finalizează o achiziție sau trece pe alt site. Cu Hyva, poți fi sigur știind că site-ul tău se va încărca rapid și eficient. Această temă este perfectă pentru comercianții care doresc să ofere clienților lor o experiență online rapidă și fără întreruperi.
  • Simplitate: temele Hyva Magento 2 sunt construite cu accent pe reducerea nivelurilor de complexitate. Este construit cu mai puține dependențe, ceea ce înseamnă că nu va trebui să gestionați biblioteci și funcții inutile. Acest lucru face, de asemenea, ajustările și personalizările mai rapide și mai ușoare. Acest lucru duce la mai puțin timp și efort necesar dezvoltatorilor pentru a aplica și personaliza tema Hyva în proiectele lor.
  • Comunitate: Cu sprijinul unei comunități puternice și în creștere, tema Hyva devine o opțiune mai atractivă pentru mulți comercianți. Când alegeți să utilizați tema Hyva, obțineți acces la comunitatea Hyva printr-o cameră Slack. Canalul Hyva Community Slack este un loc minunat pentru a face schimb de idei și pentru a obține sprijin de la alți membri ai comunității. Dacă întâmpinați vreodată probleme sau aveți o întrebare urgentă, cineva din comunitate va fi acolo pentru a vă ajuta. În plus, datorită eforturilor comunității, există întotdeauna noi extensii și funcții dezvoltate pentru Hyva.

Contra:

  • Compatibilitate cu extensii: dacă utilizați o temă bazată pe Hyva, este posibil să descoperiți că unele extensii terță parte nu sunt compatibile. Acest lucru se datorează faptului că Hyva elimină toate dependențele suplimentare, care pot cauza probleme de incompatibilitate. Pentru a depăși această problemă, echipa Hyva a colaborat cu câțiva furnizori populari de extensii Magento 2 pentru a oferi module de compatibilitate. Până în prezent, există 53 de plugin-uri compatibile cu Hyva.
  • Cost: Dacă sunteți în căutarea unei teme rapide și de încredere pentru magazinul dvs. Magento, Hyva este o opțiune excelentă. Cu toate acestea, este important să rețineți că costul Hyva este o taxă unică de 1.000 de euro pe licență. Acest lucru poate fi puțin costisitor pentru întreprinderile mici, așa că asigurați-vă că includeți acest lucru în bugetul dvs. În plus, taxele de instalare și personalizare pot varia între 5.000 și 50.000 de euro, de aceea ar trebui să obțineți cotații de la mai mulți furnizori înainte de a lua o decizie finală.
  • Design: Dacă sunteți în căutarea unui design simplu și curat pentru magazinul dvs. de comerț electronic, Hyva ar putea fi o opțiune excelentă. Tema este creată pentru a maximiza viteza, așa că s-ar putea să nu fie potrivită pentru magazinele cu o mulțime de bannere și efecte.

2. Pot fi aplicate teme Hyva magazinelor Magento 1?

Dacă rulați un site web Magento 1, va trebui să migrați la Magento 2 înainte de a putea instala și utiliza tema Hyva. Deși acest lucru poate părea o bătaie de cap, este de fapt o bună oportunitate de a îmbunătăți securitatea și performanța site-ului dvs. web.

Magento 1 nu mai este acceptat, ceea ce înseamnă că orice vulnerabilități de securitate descoperite nu vor fi remediate. Acest lucru vă lasă site-ul web în pericol de a fi piratat sau compromis.

Actualizarea la Magento 2 vă va oferi și acces la tema Hyva, care este concepută pentru viteză și performanță. Cu Hyva instalat, site-ul dvs. se va încărca mai repede decât oricând, oferind vizitatorilor o experiență mai bună.

3. Pot teme Hyva rezolve toate problemele de încărcare lentă ale site-urilor Magento?

site-uri web magento lente

Dacă observați că site-ul dvs. se încarcă lent, există câteva lucruri pe care le puteți face pentru a-l accelera. Una este să folosiți o temă Hyva, care va ajuta la încărcarea mai rapidă a rezultatelor atât pe desktop, cât și pe mobil. Cu toate acestea, dacă încă observați performanța lentă, este probabil din cauza interogărilor lente la baza de date. Acest lucru este valabil mai ales dacă baza de date a crescut semnificativ în dimensiune datorită rulării mai multor site-uri web.

Hyva vă poate ajuta să reduceți câteva secunde din timpul de încărcare, dar pentru performanțe optime, veți dori, de asemenea, să vă uitați la operațiunile de backend, să optimizați interogările și să vă configurați corect baza de date. În plus, luați în considerare migrarea la cele mai recente versiuni de MySQL și PHP. Făcând acești pași, vă puteți asigura că site-ul dvs. se încarcă rapid și fără probleme pentru toți utilizatorii.

4. Sunt temele Hyva compatibile cu Magento Open Source și Adobe Commerce?

Temele dezvoltate de Hyva sunt în prezent compatibile doar cu Magento 2 Open Source. Cu toate acestea, nu același lucru este valabil și pentru Adobe Commerce. Adobe Commerce este o ediție la nivel de întreprindere a Magento, care este utilizată în principal de companiile de comerț electronic consacrate. Temele Hyva se concentrează pe ca cadrul său să fie compatibil cu toate funcțiile Adobe Commerce și se așteaptă ca acest lucru să fie finalizat în noile câteva luni.

Hyva se angajează să ofere cea mai bună experiență posibilă pentru utilizatorii săi, indiferent de ediția de Magento pe care o folosesc. Având în vedere acest lucru, Hyva este încrezător că vor putea oferi suport complet atât pentru Magento Open Source, cât și pentru Adobe Commerce în viitorul apropiat.

5. Ce versiune Magento este necesară pentru configurarea temei Hyva?

Dacă rulați în prezent o versiune mai veche de Magento, va trebui să faceți upgrade la Magento 2.4 sau o versiune ulterioară pentru a utiliza teme Hyva. Odată ce ați făcut asta, veți putea profita de toate caracteristicile și beneficiile grozave pe care Hyva le are de oferit!