Shopify-க்கான வரைபட விட்ஜெட்

Shopify ஆப்ஸை விட தீம் பிரிவு சிறந்தது ஏன்

பெரும்பாலான “map app” பட்டியல்கள் நிறுவலைக் கேட்கின்றன, உங்கள் கடை தரவுக்கான அனுமதிகளைக் கேட்கின்றன, மாதாந்திரக் கட்டணமும் கேட்கின்றன — இறுதியில் அது ஒரே ஒரு iframe மட்டுமே. இது நேர்மையான மாற்று: உங்கள் சொந்த தீமிலேயே வாழும் ஒரே ஒரு Liquid கோப்பு. இது கடை அனுமதிகளைக் கேட்பதில்லை, உங்கள் பக்கங்களுக்கு ஸ்கிரிப்ட்களைச் சேர்ப்பதில்லை, எதையும் வெளியே அனுப்புவதில்லை, கட்டணமும் இல்லை. உங்கள் பார்வையாளர்கள் செய்யும் ஒரே வெளிப்புற கோரிக்கைகள் whatismylocation.ai-இல் இருந்து வரும் sandbox செய்யப்பட்ட வரைபட iframe மற்றும் அதன் OpenStreetMap டைல்கள் மட்டுமே — Google குக்கீகள் இல்லை, ஒப்புதல் பேனர் சுமை இல்லை. சேவை எப்போதாவது கிடைக்காமல் போனாலும், iframe அமைதியாக நின்றுவிடும்; உங்கள் பக்கம் பழுதாகாது. பிரிவுக் கோப்பை நீக்கினால் ஒவ்வொரு தடயமும் மறைந்துவிடும்.

whatismylocation-shopify-sections.zip பதிவிறக்குங்கள் — இரண்டு பிரிவுகள் மற்றும் ஒரு README, சில கிலோபைட்கள் மட்டுமே. பிறகு கீழே உள்ள நிறுவல் படிகளைப் பின்பற்றுங்கள்.

சுமார் இரண்டு நிமிடங்களில் நிறுவுங்கள்

இரண்டு பாதிகள்: கோப்பை ஒருமுறை ஒட்டுங்கள், பிறகு உள்ளமைந்த எந்தப் பிரிவைப் போலவே அதைப் பயன்படுத்துங்கள்.

கோப்பை ஒட்டுங்கள்: Shopify admin ▸ Online Store ▸ Themes ▸ ⋯ ▸ Edit code. இடது பட்டியில் Sections கீழ் Add a new section என்பதைச் சொடுக்கி, whatismylocation-map என்று பெயரிடுங்கள். இடத்தைக் காட்டும் உள்ளடக்கத்தை நீக்கி, whatismylocation-map.liquid-இன் முழு உள்ளடக்கத்தையும் ஒட்டுங்கள் — கீழே உள்ள {% schema %} தொகுதியே உங்கள் அமைப்புகள் பேனலை உருவாக்குகிறது, எனவே அதுவும் சேர வேண்டும். சேமியுங்கள்.

பயன்படுத்துங்கள்: தீம் எடிட்டரைத் திறங்கள் (Customize), உங்கள் தொடர்பு பக்கத்திற்குச் (அல்லது எந்தப் பக்கத்திற்கும்) செல்லுங்கள், Add section அழுத்தி WhatIsMyLocation Map தேர்வு செய்யுங்கள். அமைப்புகள் பேனல் இடதுபுறம் தோன்றும். நீங்கள் ஆயத்தொலைவுகளை உள்ளிடும் வரை, பிரிவுக்கு என்ன தேவை என்பதைத் தெளிவாகச் சொல்லும் ஒரு நட்பான இடக்குறி காட்டப்படும்.

ஆயத்தொலைவுகளை வரைபட உட்பொதிப்பு உருவாக்கியில் பெறுங்கள் — உங்கள் முகவரியைத் தட்டச்சு செய்து, நகலெடுப்பதற்கு முன் பின்னை உங்கள் நுழைவாயிலுக்கு இழுத்து வையுங்கள். பிரிவு உங்கள் இறுதி ஆயத்தொலைவுகளையே அனுப்புகிறது, எனவே பின் பிறகு நகர்வதற்கு வாய்ப்பே இல்லை.

கிளைகளே பிளாக்குகள்

பல இருப்பிடங்கள் உள்ள கடைகளுக்கு இதுவே சிறந்த பகுதி: தீம் எடிட்டரில் ஒவ்வொரு கிளையும் ஒரு பிளாக் — Add branch அழுத்தி, அட்சரேகை, தீர்க்கரேகை, ஒரு பெயர் மற்றும் ஒரு முகவரியை நிரப்புங்கள்; இழுத்து வரிசையை மாற்றுங்கள் (10 வரை). வரைபடம் ஒவ்வொரு கிளையையும் தானாகப் பொருத்திக் காட்டுகிறது, பின்கள் பட்டியலுக்கு ஏற்ப எண்ணிடப்படுகின்றன, பார்வையாளர்களுக்கு இருப்பிடங்கள் பேனல் கிடைக்கிறது — டெஸ்க்டாப்பில் வரைபடத்தின் அருகில் ஒரு அக்கார்டியன், போன்களில் ஸ்வைப் செய்யக்கூடிய கார்டு வரிசை, ஒவ்வொரு கிளைக்கும் வழிகாட்டல் மற்றும் விருப்பமான “Open in Google Maps / Apple Maps” ஐகான்கள். பேனல் அமைப்பு (auto, பக்கவாட்டு, கீழ், இல்லை) மற்றும் மாறுதல் அனிமேஷன் (smooth, fade, lively, none — reduce-motion அமைப்பு உள்ள பார்வையாளர்களுக்கு எப்போதும் உடனடிப் பதிப்பே கிடைக்கும்) அதே பேனலில் கீழ்விரி பட்டியல்களாக உள்ளன.

ஒவ்வொரு அமைப்பும், விளக்கமாக

அதே zip கோப்பில் whatismylocation-widget.liquid-உம் உள்ளது — find-my-location விட்ஜெட் இரண்டாவது பிரிவாக (தீம், சுருக்கமான/முழு பயன்முறை, உயரம்), டெலிவரி பக்கங்கள் மற்றும் கடை கண்டுபிடிப்பான்களுக்கு.

சிக்கல் தீர்வு

Add section-இல் பிரிவு தோன்றவில்லை. கோப்பு Sections-இல் இருக்க வேண்டும் (Snippets அல்லது Assets அல்ல), மேலும் ஒட்டியது முழு கோப்பாக இருக்க வேண்டும் — {% schema %} தொகுதி வெட்டுப்பட்டால், Shopify பிரிவை நிராகரிக்கும் அல்லது மறைக்கும். முழு கோப்பையும் மீண்டும் ஒட்டி சேமியுங்கள்.

சேமிக்கும்போது “Invalid schema” பிழை. ஒட்டியது பாதியாக இருக்கிறது — பெரும்பாலும் கடைசி வரி விடுபட்டதால் மூடும் அடைப்புக்குறி காணாமல் போயிருக்கும். முழு கோப்பையும் மீண்டும் ஒட்டுங்கள்; Liquid தெரியாவிட்டால் schema-வைக் கையால் திருத்த வேண்டாம்.

வரைபடம் சாம்பல் நிறமாக உள்ளது. வரைபட டைல்கள் tile.openstreetmap.org-இல் இருந்து வருகின்றன; தீவிரமான விளம்பரத் தடுப்பான் அல்லது நிறுவன வலையமைப்பு அவற்றைத் தடுக்கலாம். மொபைல் தரவில் ஒரு போனில் சரிபாருங்கள் — உங்கள் வாடிக்கையாளர்களுக்கு இது நிச்சயம் சரியாகவே தெரியும்.

பின் என் வாசலில் இல்லை. உருவாக்கியில் ஆயத்தொலைவுகளை மீண்டும் உருவாக்கி, பின்னை உங்கள் நுழைவாயிலுக்கு இழுத்து, புதிய மதிப்புகளைப் பிரிவு அமைப்புகளில் ஒட்டுங்கள்.

திருத்தங்கள் நேரடிக் கடையில் தெரியவில்லை. நீங்கள் ஒரு வரைவு அல்லது வெளியிடப்படாத தீமைத் திருத்தியிருக்கிறீர்கள் — வெளியிடப்பட்ட தீமில் மாற்றத்தைச் செய்யுங்கள் (அல்லது நீங்கள் திருத்தியதை வெளியிடுங்கள்). விட்ஜெட்டுக்குக் கேச் செய்ய எதுவும் இல்லை.