Shopify Magazin online 2.0 - Tot ce trebuie să știți

În 2020, peste 450 de milioane de oameni au verificat Shopify. Compania a procesat peste 120 miliarde dolari în volum brut de mărfuri. Este un fapt evident că Shopify este imens și crește.

Shopify marți (29 iunie 2021) a anunțat o serie de funcții noi, menit să facă platforma mai personalizabilă pentru oricine rulează un magazin Shopify. Pe net Shopify 2.0 oferă o listă masivă de noi caracteristici și teme pentru Shopify negustori.

Cuvântul din Shopify este că magazinul online 2.0 este rodul celei mai importante reconstrucții a limbajului pe care îl folosește pentru construirea șablonului: limbajul lichid.

Pentru început, magazinul online renovat va facilita dezvoltatorilor să adauge caracteristici personalizate vitrinelor lor. Netflix a primit din timp accesul la această platformă și au folosit accesul pentru a crea Netflix.shop - primul magazin de comerț electronic pentru Netflix.

Iată o scurtă prezentare generală a ceea ce înseamnă magazinul online 2.0 pentru dvs.

Descriere

Funcțiile noi din Magazinul online 2.0 încep cu o nouă experiență de editare. Noul editor face ca comercianții să construiască vitrine de la zero, să adauge diverse extensii de teme și să gestioneze aplicații în teme. Ideea cu noul editor a fost să centralizeze toate caracteristicile și funcționalitățile disponibile.

Tema de referință Dawn, noua temă standard a vitrinei în curs de dezvoltare, va fi cu 35% mai rapidă decât tema implicită curentă (conform estimărilor interne). Shopify a menționat, de asemenea, că noua temă va fi deschisă pentru trimiterile dezvoltatorilor din 15 iulie 2021.

În plus, Shopify a dezvăluit, de asemenea, că compania își va crește semnificativ investițiile în infrastructură și instrumentele pentru dezvoltatori. Ca urmare, ca comerciant, nu este nevoie să treceți prin durerea de cap a re-platformării pentru a construi vitrine comerciale fără cap sau pentru a vă personaliza vitrinele.

Cu noul magazin online renovat 2.0, Shopify încearcă să facă platforma mai vizibilă pentru dezvoltatori și giganții tehnologici. O mișcare care a semnalat acest lucru a oferit acces timpuriu la Magazin 2.0 la Netflix (menționat anterior).

Magazinul online 2.0 este cuprinzător. Cu noul magazin, toată lumea primește o opțiune de creare, personalizare, scalare și generare de bani Shopify.

Noua arhitectură tematică

Cu versiunea anterioară a magazinului online, comercianții erau limitați la numărul de blocuri disponibile în interiorul magazinului. Anterior, magazinele aveau șabloane diferite care erau mapate la diferite produse. Cu versiunea 2.0, ca comerciant, aveți acum opțiunea de a adăuga secțiuni la fiecare pagină nouă. Mai devreme, puteai adăuga secțiuni la pagina principală.

Este posibil să activați șabloanele pentru fiecare pagină cu un fișier șablon JSON care specifică setările pentru pagină. Cu aceasta, puteți lista toate secțiunile unei pagini, pagini de colecție, pagini personalizate, postări de blog și multe altele.

În cadrul fișierelor șablon JSON, puteți defini secțiunile care vor apărea.

Fișierele șablon dictează secțiunile care apar în mod implicit și ordinea în care apar pe o temă pe care o instalați. Odată adăugat șablonul, puteți adăuga secțiuni dinamice ca presetări de temă, accesând editorul de teme.

Extensii de aplicații tematice cu blocuri de aplicații

Extensiile de aplicații tematice pentru dezvoltatori vă pot ajuta să adăugați o serie de caracteristici, precum și extensii. Puteți extinde funcționalitatea site-ului comerciantului cu ajutorul acestui lucru

Înainte, nu exista nicio modalitate prin care aplicațiile să se integreze cu temele. Ca urmare, dezvoltatorii au trebuit să codeze o logică de integrare pentru temele existente. Acest lucru a făcut cu adevărat dificilă realizarea de funcții care au funcționat în mod constant pe mai multe teme. Nu mai este cazul.

Modularitatea aplicației

Un alt punct culminant este modularitatea aplicațiilor. Acest lucru înseamnă pur și simplu că, ca dezvoltator, acum este posibil să adăugați și să eliminați componente UI prin intermediul editorului de teme. Nu este nevoie să accesați codul temei.

Acest lucru vă oferă o modalitate simplă de a gestiona activele suport ale unei aplicații. Cu Shopify 2.0 puteți gestiona activele de susținere ale aplicației și le puteți găzdui pe platformă destul de ușor.

Modificări la Metafields

Editorul de teme actualizat permite comercianților să adauge meta câmpuri și proprietăți. Vestea bună este că nu aveți nevoie nici de API-uri, nici de nici o formă de codificare pentru a face acest lucru posibil.

În calitate de comerciant, sunteți liber să adăugați conținutul care vă place pe pagina produsului, introducând spațiu pentru adăugarea de informații suplimentare care pot ajuta potențialii cumpărători, să zicem o diagramă de mărimi sau o listă de ingrediente. Orice lucru care nu este probabil să apară în editorul magazinului poate fi actualizat prin meta câmpurile.

Iată diferitele moduri în care au modificat meta câmpurile.

• Flexibilitate: Metafieldurile sunt mai flexibile. Acest lucru vă ajută să importați în siguranță datele comerciale.
• Câmpuri meta standard: Câmpurile meta standard fac mai simplu ca temele personalizate să înceapă să funcționeze din cutie în magazinele din verticalele pieței.
• Sugestii de prezentare: Puteți adăuga sugestii de prezentare la meta câmpuri pentru redarea datelor din magazin

Selector de fișiere

Metafields acceptă acum o mulțime de medii, cum ar fi imagini sau fișiere PDF. În loc să codificați un anumit tip de fișier pe o temă, ceea ce face un selector de fișiere meta field este să vă permite să încărcați media selectată pe paginile produsului.

Imaginile pot fi accesate prin intermediul secțiunii de setări / fișiere și sunt pentru utilizare imediată.

Dacă vă place o garanție a produsului sau o diagramă de dimensionare, selectorul de fișiere vă ajută să alegeți fișierul respectiv cu UX simplu. Cu aceasta, câmpul meta este plasat în interiorul temei în sine.

Fișiere API

Cu versiunea API 2021-07 puteți utiliza File API pentru a crea, actualiza și șterge fișiere generice. Aceasta permite comercianților să reutilizeze diferite fișiere pentru diferite aplicații. Acestea sunt adăugate la pagina de fișiere din interior Shopify admin

Dezvoltatorii vor putea accesa setările / fișierele prin noua API Fișiere. API-ul GraphQL introdus cu această versiune vă permite să încărcați sau să alegeți cu ușurință fișiere media existente prin setări / fișiere. Aplicațiile pot beneficia de accesul la această zonă specială din administrator, în timp ce populează meta câmpuri prin conținut.

Aceasta deschide oportunități pentru aplicații de a utiliza acest spațiu pentru fișiere și imagini care nu sunt asociate direct cu un produs, inclusiv imagini utilizate în teme.

Setare intrare lichid

O altă actualizare a editorului de teme este setarea de intrare lichid din care puteți adăuga cod lichid personalizat la pagini din editorul însuși.

Setarea Lichid este similară cu setarea HTML. Singura diferență este că aveți acces la variabilele lichide. Comercianții pot accesa atât obiectele lichide globale, cât și cele specifice șabloanelor.

Setarea reduce necesitatea ca comercianții să schimbe manual codul oricărei teme atunci când adaugă cod pentru aplicații folosind Liquid.

Utilizați documentația pentru dezvoltatori sau vizualizați noua temă din secțiunea personalizată-lichidă a Dawn.

Cu aceasta este ușor pentru dvs. să luați decizii independente despre magazin ca dezvoltator, eliberându-vă timpul pentru a vă concentra pe integrări creative și soluții.

Instrumente pentru dezvoltatori noi

Magazinul online 2.0 deschide o gamă întreagă de oportunități dezvoltatorilor de a construi noi aplicații și teme pentru dvs. Noile instrumente pentru dezvoltatori integrează și ajută la testarea, dezvoltarea și implementarea de noi teme.

Shopify Integrarea GitHub vă permite să utilizați cu ușurință Shopify Instrumentul CLI împreună cu verificarea temei. Ambele instrumente vă permit să testați teme în sandbox și eficientizează dezvoltarea ca urmare a acestui fapt.

Shopify Integrare Github

Noua integrare cu GitHub face ca dezvoltarea și întreținerea noilor teme să fie mai ușor de urmărit și gestionat. Conectați contul de utilizator GitHub la magazinul online. Modificările sunt trimise la GitHub și aduse la o repo care este sincronizată cu starea actuală a temelor selectate.

Shopify Integrarea GitHub vă asigură că vă puteți conecta contul de utilizator cu Shopify admin și conectați sucursalele Git la temele din magazin. Suportul nativ pentru controlul versiunilor vă permite să faceți, să urmăriți și să gestionați și modificările aduse codului temei:

Integrarea GitHub cu temele le permite dezvoltatorilor să colaboreze în condiții de siguranță prin editarea temelor cu introducerea suportului nativ pentru controlul versiunilor. Integrarea permite dezvoltatorilor să colaboreze în siguranță la editarea temelor cu suport pentru controlul versiunilor. Când lucrează la un magazin comercial, dezvoltatorii pot implementa fluxuri de lucru în care modificările temelor sunt revizuite și combinate pe GitHub înainte de a fi introduse într-o temă live.

Shopify CLI

Există noi modificări la Shopify Instrument CLI, de asemenea. Dezvoltatorii de aplicații foloseau până acum instrumentul CLI pentru a genera aplicații Node.js și Ruby on Rails, dar odată cu modificările actuale, dezvoltatorii pot crea teme personalizate cu CLI.

Iată gama completă de funcții pe care le obțineți:

• Puteți dezvolta, previzualiza și testa modificările aduse temelor din temele de dezvoltare.
• Puteți reîncărca la cald modificările secțiunilor CSS și Liquid pe care le dezvoltați datorită serverului dev.
• Inițializați un nou proiect tematic folosind noua temă Dawn.
• Apăsați și publicați teme din linia de comandă
• Rulați verificarea temei pe temă.
• Completați datele de testare pentru tema pentru clienții produselor și proiectele de comenzi.

Temele de dezvoltare sunt teme ascunse temporar conectate la Shopify magazin pentru dezvoltare. Temele de dezvoltare nu sunt vizibile în zona de administrare, deci nu trebuie să vă faceți griji că vizitatorii magazinului vă vor vedea site-ul pe acesta.

Temele de dezvoltare nu se adaugă la limita temelor. Din acest motiv, acestea sunt șterse de la sine după șapte zile de inactivitate. De asemenea, sunt șterse când rulați Shopify-sekvență de ieșire. Dacă aveți nevoie de un link de previzualizare care să nu fie distrus când vă deconectați, ceea ce puteți face este să împingeți tema în magazin.

Temele de dezvoltare pot fi utilizate pentru a vizualiza modificările unei teme dezvoltate local în timp real, a interacționa cu tema și a personaliza tema cu editorul de teme. Astfel, noul instrument CLI vă oferă o mulțime de control asupra modului în care apare tema finală.

Instrumentele pot ușura procesul de dezvoltare și vă pot începe rapid cu magazinul online 2.0

Verificarea temei

Verificarea temei este o altă componentă integrală pentru Liquid și JSON care scanează temele pentru a găsi erori. Odată ce scanarea este finalizată, instrumentul evidențiază cele mai bune practici atât pentru Shopify platformă și limbajul lichid.

Aceasta se integrează cu editori precum Visual Studio și identifică problemele legate de cod.

Pentru a înțelege problemele care persistă apar mesajele de eroare cu un link către verificarea nereușită. Verificarea temelor este combinată împreună cu Shopify Instrumentul CLI, deci nu este nevoie să îl instalați separat.

Alte caracteristici demne de remarcat

API de mutație în bloc

Punctul final Bulk OperationRunMutation este o soluție activată Shopify pentru a exporta date în bloc către un magazin.

În loc de simularea GraphML, puteți rula o operație de mutație în bloc. Acesta este un mod simplu de a importa toate datele, fără a face față blocajelor datorită unui număr mare de fișiere.

Iată opțiunile disponibile:

• productCreate
• colecțieCreați
• productUpdate
• productUpdateMedia
• productPageUpdate
• productVariantUpdate
• metafieldUpsert
• listă de prețuriPrețuri fixeAdaugă
• listă de prețuriPrețuri fixeȘterge

Checkout Resource API pentru reduceri

Resursa de checkout returnează proprietatea application_type pentru reducerile adăugate la checkout. Câmpul afișează modul în care a fost aplicată reducerea.

Valorile valide includ automat, discount_code, manual și script.

Teme de setare a intrării lichide

Noile setări de introducere a lichidului sunt destinate comercianților să adauge cod personalizat de lichid direct din editorul însuși. Este destul de similar cu setarea HTML.

Comercianții pot accesa obiectele lichide globale și specifice șabloanelor cu zero modificări la codul temei. Noua temă de referință se numește Zori. Este o temă de referință open-source pregătită cu opțiuni de flexibilitate și ușurință în utilizare. Folosește mai multe funcții Online Store 2.0, cum ar fi șabloane JSON și blocuri de aplicații.

În concluzie:

Shopify are trei părți în magazin:

• Temele și editorul online
• Salvarea conținutului
• Instrumente pentru dezvoltatori

Dacă nu sunteți dezvoltator și pur și simplu proprietar de magazin, este posibil ca noul editor online și sistemul de gestionare a conținutului să aibă cel mai mare impact asupra dvs. în calitate de proprietar de magazin.

ShopifyLimbajul de șabloane actualizat are acum un editor intern similar, cum ar fi Gutenberg al WordPress, care a fost lansat în 2018. Acest lucru îl aduce mai aproape de editorii de pagini de pe platforme precum Squarespace si Wix.

Editorul poate înlocui cu ușurință un număr de Shopify aplicații, inclusiv popularul constructor de pagini Shogun.

Noul editor va permite companiilor mici și mijlocii să creeze șabloane de pagini noi și să completeze datele din interiorul acestora fără a scrie o singură linie de cod folosind funcția încorporată Shopify secțiuni de pagină, precum și blocuri.

În cele din urmă, sistemul de gestionare a conținutului este un alt domeniu foarte important, care are un lifting facial și caracteristici suplimentare. Cu noua actualizare, veți obține noua tastare a conținutului personalizat. Creați conținut o dată și publicați-l în toate canalele dvs., inclusiv în magazinul online.

Ce crezi despre Shopify Magazin online 2.0? Spuneți-ne în comentariile de mai jos.