Cum să transferați stilurile woocommerce css plugin în șablonul dvs.

Cum să transferați stilurile woocommerce css plugin în șablonul dvs.

Să examinăm modalități mai ușoare și mai dificile - pentru esteți și prezintă mai multe coduri, care vizează organizarea logică a aspectului magazinului bazat pe plugin woocommerce: (nota - numai codul - fără plugin-uri pentru acum: lăsați plugin-urile grele de lucru mai subțire funcționale)







... manete fast forward controla cantitatea de bunuri afișate, secvență, etc ... și, în opinia mea, un detaliu important - uberom configure / adăuga câmpuri de formular pentru a umple ordinea de client, și - în cazul în care obiectivul nostru este de a crea un magazin de Internet pe WordPress de la zero - ceva ...

... Să începem să interpretăm concertul:

Pentru a face cumpărături pe WordPress utile, am continuat stilul ...

mutați css wooc în directorul șablonului corect

Imediat vă spun - va fi mult mai logic, dacă studiați publicația anterioară despre înființarea magazinului ... acolo am explicat de ce este mai bine să faceți această sau acea acțiune administrativă organizațională ...

Deci: un exemplu de magazin pe wordpress se poate uita la site-ul meu. nu este cu siguranță completă în sensul de concept store, crea buticurile de aici nu a fost scopul, dar încă comun pentru înțelegeri vor aborda ... și vom analiza tema înființarea magazin pe baza de WordPress, boltite la un site exterior: cu toate acestea, principiul este același peste tot ...

Deci: modul este 1.

Pentru ca stilurile woocommerce.css să fie preluate din șablonul dvs., va trebui să adăugați următoarele linii în fișierul functions.php







De asemenea, pentru a face stilurile woocommerce-layout.css citite din șablonul dvs., va trebui să înregistrați următoarele rânduri în fișierul de funcții ...

... chiar acum am redirecționat dezvoltarea stilurilor de bază ale pluginului. Pentru început, este suficient:

Dacă tocmai ați clarifica - plugin-ul se face astfel încât woocommerce.css ca principal (nu sa concentrat setările JS, inclusiv) si auxiliare woocommerce-layout.css ...

Acest lucru este pe scurt. - Acum poți să faci bine tunderea și în acest proces vom săpăm mai detaliat umplerea ...

Pentru cei care nu pot aștepta să repare totul de la început corect ...

În general, stilurile, în ceea ce privește ușurința site-ului, este mai logic de a combina împreună - într-un fișier comun, de exemplu - stil.css.

Cum se face:

Funcțiile fișierului aveți nevoie pentru a organiza un alt ciclu de cod, care este proiectat pentru a dezactiva complet plugin-ul css-stiluri, dar pentru a oferi o Inchizitor generală de stiluri tematice fișier (după cum știți, primele coduri sunt doar redirecționate căi de fișier ...)

Cineva va câștiga acest cod:

... cineva, poate, va face următoarele: (totul depinde de subiectul pe care l-ați ales cu succes))

... altfel veți fi confundate în codul sursă cu meta-linii inutile, consultați fotografiile (imaginile sunt clicabile):

Odată ce ați ales să scadă numai (cod 2) testarea stiluri de plug, stilurile vor fi încărcate de la un șablon, cu toate acestea - chiar și cod de redirecționare vor fi practicate la fel: prin urmare, deșeurile de nelucratoare de meta ...

Și cea mai neplăcută va fi mesajul validatorului despre o eroare în organizarea lucrării CSS: va exista ceva de genul "un astfel de fișier, css este specificat, dar nu a fost găsit ...", deși site-ul va funcționa ... Cu toate acestea - aceasta este o greșeală!

... Într-un cuvânt, dezactivați "redirecționarea" dacă decideți să utilizați a doua opțiune!

Ar trebui să arate a doua imagine: cerințele meta-stilului css woocommerce-layout.css și woocommerce.css ar trebui eliminate.

De ce am dat codurile separat.

Și pentru că ... este mai ușor pentru unii să pre-configura stilul magazinului atunci când fișierele sunt separate ... și după edițiile finale și fuzionează împreună, bine, fără dificultăți!

funcțional-vizuale setările de magazin pe WooCommerce

Iată câteva coduri utile pentru organizarea structurii funcționale a contabilității magazinelor ...

Unele setări de pe panoul de control al plug-in-ului (magazin) nu sunt ... un control mai subtil și vor apărea în viitor, dar, după cum se spune, cunoașterea nu este inutilă în prezent.

cum să modificați numărul de produse în magazinul de pe WooCommerce







Trimiteți-le prietenilor: