Esamos svetainės - jūsų įdėjų pritaikymas

Žiūrėkite čia mūsų gido apie įdėjimą į esamą svetainę.

Shoprocket suteikia visišką kontrolę virš kodų įdėjimų išvaizdos per kodo generatorių jūsų skydelyje.

Pasirinkite, kokį įdėjimo tipą norite (vieno produkto papildinys, visos puslapio produkcijos, keli produktai arba pirkinių krepšelis) ir tada įgalinkite/išjunkite elementus, kuriuos norite įtraukti, taip pat pritaikykite dydžius, stilius ir elgesį.

Kai atliksite pakeitimus savo įdėjimo kode, turėsite jį nukopijuoti ir įklijuoti į savo svetainę ten, kur norite, kad jis pasirodytų. (jei atliksite ateities pakeitimus, turėsite vėl nukopijuoti ir įklijuoti kodą)

Taip pat galite spustelėti "Išsaugoti kaip numatytuosius nustatymus" kairiajame meniu, kad išsaugotumėte savo įdėjimo nustatymus, kad visi ateityje sugeneruoti įdėjimo kodai pradėtų su tais pačiais nustatymais.

Parinktys

Šios parinktys yra prieinamos iš "Parinktys" skyriaus kairiajame meniu:

1. Rodomi produktai - Pasirinkite, ar rodyti visus produktus, ar tik produktus iš tam tikrų kategorijų
2. Produkto dydis - Nustatykite įdėtinių elementų rodymo dydį (mažas, vidutinis ar didelis)
3. Nuotraukų pritaikymas - Nustatykite, ar produkto nuotraukos turėtų būti sutrauktos iki turimo dydžio, ar sumažintos (sutraukimas išlaikys visų nuotraukų tą patį dydį ir labiau vienodą)
4. Mygtuko stilius - pasirinkite tarp "Standartinis" (stačiakampiai mygtukai su tekstu), "Minimalus" (apvalūs mygtukai su ikonėlėmis) arba "Pelės užvedus" (apvalūs mygtukai su ikonėlėmis, kurie rodomi tik užvedus pelę virš produkto)
5. Numatytoji rūšiavimo tvarka - Nustatykite, kaip produktai bus išdėstyti pagal numatytuosius nustatymus (Numatytoji, Naujiena pirmiausia, Pavadinimas: A-Z, Pavadinimas: Z-A, Kaina: Nuo žemos iki aukštos, Kaina: Nuo aukštos iki žemos)
6. Produktai per puslapį - Nurodykite, kiek produktų užkrauti į peržiūrą
7. Slėpti neprekybinius produktus - Pasirinkite, ar visiškai slėpti neprekybinius produktus, ar rodyti juos su užrašu "Nepasiekiamas"

Įtrauktos

Taip pat galite nurodyti, kuriuos elementus įtraukti, pvz., "Peržiūrėti produktą" mygtuką ir "Juosteles"

Šios įtrauktos parinktys yra prieinamos iš "Įtrauktos" skyriaus kairiajame meniu:

1. Paieškos laukelis - Rodo "paieškos" laukelį virš jūsų produktų įdėjimo (galima tik kelių produktų įdėjime)
2. Rūšiavimo laukelis - Rodo rūšiavimo tvarkos išskleidžiamąjį meniu (galima tik kelių produktų įdėjime)
3. Elementų per puslapį laukelis - Rodo elementų per puslapį išskleidžiamąjį meniu (galima tik kelių produktų įdėjime)
4. Valiutos laukelis - Rodo valiutos išskleidžiamąjį meniu, kad klientai galėtų matyti kainas savo pageidaujama valiuta (valiutas reikia iš pradžių įjungti jūsų parduotuvės nustatymuose)
5. Kalbos laukelis - Rodo kalbos išskleidžiamąjį menių, kad klientai galėtų pereiti prie kitų kalbų (Parduotuvės tekstai turi būti nustatyti jūsų nustatymuose)
6. Kategorijos laukelis - Rodo kategorijos išskleidžiamąjį meniu, leidžiantį klientams filtruoti produktus pagal kategoriją (galima tik kelių produktų įdėjime)
7. Produkto pavadinimas - Rodo produkto pavadinimą
8. Produkto kaina - Rodo produkto kainą
9. Produkto nuotrauka - Rodo produkto pagrindinę nuotrauką
10. Produkto santrauka - Rodo produkto santraukos tekstą
11. Peržiūrėti produkto mygtukas - Rodo mygtuką, kad atidarytumėte visą produkto informaciją modale
12. Pridėti į krepšelį mygtukas - Rodo mygtuką, kad pridėtumėte prekė į krepšelį (parinktys pasirodys viršuje užvedus pelę, produktai, kuriems reikia daugiau pažangių parinkčių/variacijų, atidarys peržiūros produkto modalą spustelėjus)
13. Min./max. užsakymo kiekis - Rodo minimalų ir maksimalų užsakymo kiekį, jei nustatyta jūsų produkte
14. Nemokamo siuntimo juostelė - Rodo "Nemokamas pristatymas" juostelę jūsų produkte, jei taikomas nemokamas siuntimas
15. Naujo produkto juostelė - Rodo "Naujas" juostelę produktams, pridėtiems per pastarąsias 20 dienų
16. Skaitmeninio atsisiuntimo juostelė - Rodo "Skaitmeninis atsisiuntimas" juostelę produktams, kurie apima atsisiunčiamą failą perkant

Peržiūrėti produkto iššokantį langą

Produktams, kuriems įjungta "peržiūrėti produktą" parinktis, galite pritaikyti, kuriuos iš šių elementų rodyti modale:

1. Produkto pavadinimas - Rodo produkto pavadinimą
2. Produkto kaina - Rodo produkto kainą
3. Kiekio pasirinkimas - Rodo kiekio pasirinkimo laukelį (jei išjungta, galima pridėti tik 1 į krepšelį vienu metu)
4. Produkto nuotrauka - Rodo produkto nuotraukų galeriją
5. Nuotraukų miniatiūros - Rodo nuotraukų galerijos miniatiūras
6. Produkto apžvalgos - Rodo produkto apžvalgas
7. Produkto santrauka - Rodo produkto santraukos tekstą
8. Produkto aprašymas - Rodo produkto aprašymą
9. Produkto SKU - Rodo produkto sandėlio vienetą (SKU)
10. Produkto kategorijos - Rodo produkto susietas kategorijas
11. Socialinio dalijimosi ikonėlės - Rodo mygtukus, leidžiančius vienu paspaudimu dalytis produktu socialinės žiniasklaidos kanaluose
12. Susiję produktai - Rodo susijusius produktus
13. Min./max. užsakymo kiekis - Rodo minimalų ir maksimalų užsakymo kiekį, jei nustatyta jūsų produkte

Taip pat galite pasirinkti iš šių parinkčių:

1. Nuotraukų pritaikymas - Nustatykite, ar produkto nuotraukos turėtų būti sutrauktos iki turimo dydžio, ar sumažintos (sutraukimas išlaikys visų nuotraukų tą patį dydį ir labiau vienodą)
2. Nuotraukos plotis - Nustatykite nuotraukų plotį
3. Nuotraukos aukštis - Nustatykite nuotraukų aukštį
4. Miniatiūrų išdėstymas - Išdėstykite nuotraukų galerijos miniatiūras horizontalioje padėtyje po nuotraukų galerija, arba vertikalioje kairėje
5. Varianto stilius - Pasirinkite tarp standartinių "išskleidžiamojo" meniu pasirinkimų arba "įprastinių" tekstinių meniu
   (atnaujinama)

Stiliai

Galite pritaikyti šias spalvas per generatorių:

• Produkto pavadinimas
• Produkto kaina
• Produkto santrauka
• Įsigyti mygtuko fonas
• Įsigyti mygtuko tekstas/ikonėlė
• Peržiūrėti produkto mygtuko fonas
• Peržiūrėti mygtuko tekstas/ikonėlė
• Peržiūrėti krepšelio mygtuko fonas
• Peržiūrėti krepšelio mygtuko tekstas
• Krepšelio papildinio spalva
• Krepšelio fonas
• Krepšelio teksto spalva
• Produkto elemento fonas

Tiems, kurie turi kodavimo įgūdžių, galite naudoti savo CSS taisykles, kad stilių įdėjimus kiek tik norite, mes nenaudojame iFramų, todėl visas turinys, rodantis jūsų puslapyje, yra DOM dalis ir gali būti stiliuojamas su savo CSS.

Tiesiog įsitikinkite, kad jūsų CSS taisyklės yra specifinės nei mūsų.

Pavyzdžiui, turime tokią taisyklę:

.sr-filters-wrap {
   background: #fff;
}

Norėdami tai perrašyti, sukurkite savo CSS taisyklę su tėviniu elementu, pvz.:

body .sr-filters-wrap { 
   background: #000; 
}

Kadangi jūs pridėjote "body" elementus prieš mūsų taisyklę, ji bus tikslesnė nei mūsų ir turės prioritetą. 

Taip pat galite atlikti pakeitimus tiesiogiai kodo įdėjimo generatoriuje, jei esate patogiau tai daryti.