Tämä sivu on tulostettu Apr 23, 2024. Nykyinen versio on osoitteessa https://help.shopify.com/fi/manual/online-store/themes/themes-by-shopify/vintage-themes/customizing-vintage-themes/add-date-picker.
Voit lisätä ostoskorisivullesi kalenterin, jonka avulla asiakkaat voivat määrittää tilauksensa toimituspäivän.
Jotta tämä mukautus toimii, jotkin teemat edellyttävät, että jQueryn komentosarjatunniste lisätään theme.liquid-asettelutiedostoon. Jos käytät Boundless-teemaa, Debut-teeman versiota 17.2.0 tai tätä uudempaa versiota, Express-teemaa, Narrative-teema tai Venture-teemaa, sinun on ehkä tehtävä seuraavat toimenpiteet:
Valitse Ulkoasu-luettelosta theme.liquid.
Etsi tämän elementin lopputunniste </head>. Liitä seuraava koodi uudelle riville lopputunnisteen </head> yläpuolelle:
Etsi teema, jota haluat muokata, avaa toimintovalikko klikkaamalla ...-painiketta ja klikkaa sitten Muokkaa koodia.
Klikkaa Koodinpätkät-hakemistossa Lisää uusi koodinpätkä:
Luo koodinpätkä:
Nimeä koodinpätkäsi delivery-date.
Valitse Luo koodinpätkä. Uusi koodinpätkätiedosto avautuu koodieditorissa.
Liitä seuraava koodi uudessa koodinpätkässäsi delivery-date.liquid:
Klikkaa Tallenna.
Koodinpätkän sisällyttäminen ostoskorisivuusi
Näin voit sisällyttää toimituspäivän koodinpätkän ostoskorisivullesi:
Klikkaa Osat-hakemistossa kohtaa cart-template.liquid. Jos teemassasi ei ole tätä tiedostoa, valitse silloin Mallit-hakemistosta cart.liquid.
Etsi tämän elementin lopputunniste </form>. Liitä seuraava koodi uudelle riville lopputunnisteen </form> yläpuolelle:
Klikkaa Tallenna.
Toimituspäivän syöttökenttä on nyt tilaussivullasi. Kun klikkaat tekstikentän sisältä, kalenteri tulee näkyviin:
Tässä mukautuksessa käytettävä päivämäärävalitsin on jQuery UI ‑kirjaston pienoisohjelma. Tässä blogipostauksessa selitetään, miten päivämäärävalitsimessa voi poistaa tiettyjä päivämääriä käytöstä.