Widget-ul WooCommerce Single Product Related (Pro)

Notă! Unele linkuri de pe această pagină pot fi linkuri afiliate, ceea ce înseamnă că, dacă alegeți să efectuați o achiziție, pot câștiga un mic comision fără costuri suplimentare pentru dvs. Apreciez foarte mult sprijinul dvs.!

WooCommerce Single Product Related (Pro)

Cu Widget-ul WooCommerce Single Product Related (Pro) înserați și setați stilul pentru Produse înrudite în șablonul WooCommerce Single.

Conţinut

Produse Asemănătoare

  1. Produse pe pagină: Setați cantitatea exactă de produse asociate care urmează să fie afișate.
  2. Coloane: Setați câte coloane vor fi afișate, de la 1 la 12, pentru fiecare dispozitiv (desktop, tabletă, mobil).
  3. Order By: Setați ordinea în care vor fi afișate produsele. Opțiunile includ Data, Titlul, Prețul, Popularitatea, Evaluarea, Aleatoriu, Ordinea meniului.
  4. Ordine: Selectați ordinea ASC sau DESC (crescător sau descrescător).

Stil

  1. Decalaj Coloane: Setați distanța exactă între coloane.
  2. Rows Gap: Setați distanța exactă dintre rânduri
  3. Aliniere: Aliniați datele despre produse asociate la stânga, la dreapta sau la centru.

Imagine

  1. Tip de chenar: Selectați tipul de chenar, alegând dintre niciunul, solid, dublu, punctat, punctat sau canelat.
  2. Lățime: Controlați grosimea chenarului din jurul imaginilor de produs aferente.
  3. Culoare: Alegeți culoarea chenarului.
  4. Raza Chenarului: Setați raza pentru a controla rotunjimea colțului chenarului.
  5. Spațiere: Reglați spațiul dintre imagini și datele acestora.

Titlu

  1. Culoare: Alegeți culoarea titlului produsului aferent.
  2. Tipografie: Setați opțiunile de tipografie pentru textul titlului.
  3. Spațiere: Reglați spațiul de după titlu.

Evaluare – Rating

  1. Culoare Stea: Alegeți culoarea unei stele pline.
  2. Culoarea Stelei Goale: Alegeți culoarea unei stele goale.
  3. Mărimea Stelelor: Setați dimensiunea stelelor.
  4. Spațiere: Ajustați spațiul după stelele de evaluare.

Preț

  1. Culoare: Alegeți culoarea produsului aferent Preț.
  2. Tipografie: Setați opțiunile de tipografie pentru Prețul produsului aferent.

Preț Obișnuit – Regular Price

  1. Culoare: Alegeți culoarea prețului normal al produsului aferent.
  2. Tipografie: Setați opțiunile de tipografie pentru prețul obișnuit al produsului înrudit.

Buton

Normal | Hover

Următoarele opțiuni pot fi setate independent atât pentru starea normală, cât și pentru starea hover.

  1. Culoarea Textului: Alegeți culoarea textului butonului al produsului asociat.
  2. Culoare de Fundal: Alegeți culoarea de fundal a butonului produsului aferent.
  3. Culoarea Chenarului: Alegeți culoarea chenarului butonului produsului aferent.
  4. Tipografie: Setați opțiunile de tipografie pentru textul butonului al produsului asociat.
  5. Tip de Chenar: Selectați tipul de chenar, alegând dintre niciunul, solid, dublu, punctat, punctat sau canelat.
  6. Lățime: Controlați grosimea chenarului din jurul butonului produsului aferent.
  7. Raza Chenarului: Controlați rotunjimea colțului chenarului butonului.
  8. Text Padding: Setați padding-ul în cadrul butonului.
  9. Spațiere: Reglați spațiul de deasupra butoanelor.

Vizualizare Coș – View Cart

  1. Culoare: Alegeți culoarea textului Vizualizare coș de sub butoane.
  2. Tipografie: Setați opțiunile de tipografie pentru textul Vizualizare coș.

Heading – Titlu

  1. Heading: Afișați sau ascundeți titlul Produse înrudite.
  2. Culoare: Alegeți culoarea textului titlului produselor aferente.
  3. Tipografie: Setați opțiunile de tipografie pentru textul titlului.
  4. Alinierea Textului: Aliniați produsele aferente îndreptându-se spre stânga, dreapta sau centru.
  5. Spațiere: Reglați spațiul după titlu.

Box

  1. Lățimea Chenarului: Controlați grosimea chenarului din jurul cutiei produsului aferent.
  2. Raza Chenarului: Controlați rotunjimea colțului casetei de produse aferente
  3. Padding: Schimbați umplutura în caseta produselor aferente.

Normal | Hover

Următoarele opțiuni pot fi setate independent atât pentru starea normală, cât și pentru starea hover.

  1. Box Shadow: Ajustați opțiunile de umbră casetei.
  2. Culoare de Fundal: Alegeți culoarea de fundal a casetei de produse aferente.
  3. Culoarea Chenarului: Alegeți culoarea chenarului cutiei de produse aferente.

Vânzare Flash – Sale Flash

  1. Reducere Flash: Afișați sau Ascundeți.
  2. Culoarea Textului: Alegeți culoarea textului de vânzare Flash.
  3. Culoare de Fundal: Alegeți culoarea de fundal a Flash-ului de vânzare.
  4. Tipografie: Setați opțiunile de tipografie pentru textul Flash de vânzare.
  5. Raza Chenarului: Controlați rotunjimea colțului Flash-ului de vânzare.
  6. Lățime: Controlați grosimea chenarului pentru Flash-ul de vânzare.
  7. Înălțime: Setați înălțimea Flash-ului de vânzare.
  8. Poziție: Setați poziția Flash de vânzare, Stânga sau Dreapta, a casetei de produse aferente.
  9. Distanță: Setați distanța Flash-ului de reducere din partea de sus a casetei de produse aferente.
Notă:
Stilul acestui Widget WooCommerce Single Product Related (Pro) este adesea afectat de tema și pluginurile dvs. Dacă întâmpinați o astfel de problemă, încercați să treceți la o temă de bază și să dezactivați pluginurile aferente sau să ajustați stilul în setările temei.
Notă! Ați găsit util acest articol? Atunci veți aprecia sprijinul oferit de Elementor în realizarea acestui tutorial. Experimentați construcția unui site cu Elementor astăzi și obțineți un site web modern, pre-securizat, pre-optimizat. Alegeți licența care vi se potrivește astăzi, treceți la versiunea Pro.

Documentație adițională

S-ar putea să te intereseze și:

Despre Admin Staff

Comunitatea WordPress este un Blog strict Educativ pentru utilizatorii de WordPress. Nu este Agenție de WEB, Publicitate sau Marketing! Dacă sunteți firmă și aveți nevoie de sfaturi vă ajut cu plăcere, pentru contracte de colaborare, vă rog contactați agenții specializate, care vă pot oferi documentația fiscală necesară. Sunt pasionat de WordPress și tot ce se leagă de mediul online din 2011, scriu din pasiune și-mi place să ajut, doar prin prisma acestui fapt că-mi place să fac bine oamenilor care au aceeași pasiune. Blog-ul este monetizat prin link-uri de afiliere și Google Adsense, unde se plătesc taxe legale de către platformele respective. Dacă dorești să susții acest blog, sunt deschis pentru donații. Vă mulțumesc pentru înțelegere! George CRIȘAN , Administrator Comunitatea WordPress!

Lasă un comentariu