தீம் குறியீட்டைத் திருத்துதல்

குறியீடு எடிட்டரைக் கொண்டு உங்கள் ஆன்லைன் ஸ்டோரில் விரிவான மாற்றங்களைச் செய்ய உங்கள் தீம் குறியீட்டை நீங்கள் திருத்தலாம். தீமை உருவாக்கும் பெரும்பாலான கோப்புகளில் Shopify-இன் டெம்ப்ளேட்டிங் மொழியான Liquid இருக்கும். தீம் கோப்புகளில் HTML, CSS, JSON மற்றும் JavaScript ஆகியவையும் உள்ளன. உங்களுக்கு HTML மற்றும் CSS தெரிந்திருந்தாலும், Liquid பற்றி அடிப்படை புரிதல் இருந்தால் மட்டுமே தீமுக்கான குறியீட்டைத் திருத்தவும்.

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

குறியீடு எடிட்டர், உங்கள் தீம் கோப்புகளின் டைரக்டரியையும், கோப்புகளைக் காட்டவும் திருத்தவும் ஒரு ஸ்பேஸையும் காட்டும். டைரக்டரியில் உள்ள கோப்பைக் கிளிக் செய்தால், அது குறியீடு எடிட்டரில் திறக்கப்படும். ஒரே நேரத்தில் பல கோப்புகளை நீங்கள் திறக்கலாம், திருத்தலாம். மேலும் நீங்கள் ஒரே நேரத்தில் பல கோப்புகளைத் திறந்து மதிப்பாய்வு செய்யலாம்.

தீம் குறியீடு எடிட்டர் தளவமைப்பு

உங்கள் தீம் குறியீட்டைத் திருத்துதல்

உங்கள் தீமின் கோப்புகளை மாற்றியமைக்க, நீங்கள் குறியீடு எடிட்டரைப் பயன்படுத்தலாம்.

படிகள்:

டெஸ்க்டாப்
  1. உங்கள் Shopify நிர்வாகியிலிருந்து ஆன்லைன் ஸ்டோர் என்பதற்குச் செல்லவும்.

  2. கிடைமட்ட மெனு > குறியீட்டைத் திருத்து என்பதைக் கிளிக் செய்யவும்.

மொபைல்
  1. Shopify செயலியிலிருந்து, மெனு ஐகானைத் தட்டவும்.

  2. விற்பனைச் சேனல்கள் பிரிவில், ஆன்லைன் ஸ்டோர் என்பதைத் தட்டவும்.

  3. தீம்களை நிர்வகி என்பதைத் தட்டவும்.

  4. கிடைமட்ட மெனு > குறியீட்டைத் திருத்து என்பதைத் தட்டவும்.

மாற்றங்களைச் சேமித்தல்

நீங்கள் ஒரு கோப்பைத் திருத்தும்போது, சேமிக்கப்படாத மாற்றங்களைக் குறிக்கத் தாவல் பெயருக்கு அருகில் ஒரு புள்ளி தோன்றும். உங்கள் மாற்றங்களைச் சேமிக்க சேமி பொத்தானைக் கிளிக் செய்யவும். மாற்றங்களைச் சேமிக்க, Mac-இல் ⌘ + S அல்லது Windows-இல் Ctrl + S என்றும் உள்ளிடலாம்.

சேமிப்புப் பொத்தானுக்கு அருகில் சேமிக்கப்படாத கோப்பைக் காட்டும் ஒரு பகுதி குறியீட்டுத் திருத்தி

தீம் குறியீட்டை வடிவமைத்தல்

குறியீடு உள்தள்ளலைச் சரிசெய்ய, Mac-இல் ⌘ + Shift + P அல்லது Windows-இல் Ctrl + Shift + P மூலம் Command Palette-ஐத் திறந்து, format என உள்ளிட்டு, Format document என்பதைத் தேர்ந்தெடுக்கவும்.

படிகள்:

  1. உங்கள் Shopify நிர்வாகியிலிருந்து ஆன்லைன் ஸ்டோர் என்பதற்குச் செல்லவும்.

  2. கிடைமட்ட மெனு > குறியீட்டைத் திருத்து என்பதைக் கிளிக் செய்யவும்.

  3. நீங்கள் வடிவமைக்க விரும்பும் கோப்பைத் திறக்கவும்.

  4. Mac-இல் ⌘ + P அல்லது Windows-இல் Ctrl + P என உள்ளிடவும்.

  5. Command palette-இல் format என்று உள்ளிட்டு, உங்கள் விசைப்பலகையில் Enter என்பதை அழுத்தவும்.

  6. கோப்பைச் சேமிக்கவும்.

குறியீடு வடிவமைப்பு விருப்பம் தேர்ந்தெடுக்கப்பட்டுள்ள Command palette

கோப்பு மாற்றங்களைக் கண்காணித்தல்

மாற்றியமைக்கப்பட்ட தீம் கோப்பை முந்தைய பதிப்புக்கு மீட்டமைக்க, அந்தக் கோப்பிற்கான காலவரிசை பார்வையைப் பயன்படுத்தவும்.

காலவரிசைப் பார்வையின் மூலம் ஒரே நேரத்தில் இருக்கின்ற ஒரு கோப்பை மட்டுமே மீட்டமைக்க முடியும். இதனால் முழுத் தீமையும் மீட்டமைக்க முடியாது என்பதுடன், நீக்கப்பட்ட தீம் கோப்புகளை மீட்டெடுக்கவும் முடியாது. காலவரிசை வரலாறு வரம்புக்குட்பட்டது என்பதால், பழைய பதிப்புகள் கிடைக்காமல் போகலாம்.

மீட்டமைப்பதன் மூலம், நீங்கள் வைத்திருக்க விரும்பும் மாற்றங்கள் உட்பட, முழுமையான கோப்பு உள்ளடக்கங்களும் மாற்றியமைக்கப்படும். ஒரு கோப்பை மீட்டமைக்கும் முன், ஏதேனும் மாற்றங்களை நீங்கள் வைத்திருக்க விரும்பினால், தற்போதைய கோப்பு உள்ளடக்கங்களைப் பாதுகாப்பான இடத்தில் நகலெடுத்து வைத்துக்கொள்ளவும்.

தீம் திருத்தியில் பதிப்புக் கட்டுப்பாடு

படிகள்:

  1. உங்கள் Shopify நிர்வாகியிலிருந்து ஆன்லைன் ஸ்டோர் என்பதற்குச் செல்லவும்.

  2. கிடைமட்ட மெனு > குறியீட்டைத் திருத்து என்பதைக் கிளிக் செய்யவும்.

  3. நீங்கள் மதிப்பாய்வு செய்ய அல்லது மீட்டமைக்க விரும்பும் தற்போதைய கோப்பைத் திறக்கவும்.

  4. விரும்பினால்: நீங்கள் தற்போதைய மாற்றங்களை வைத்திருக்க விரும்பினால், மீட்டமைப்பதற்கு முன் தற்போதைய கோப்பு உள்ளடக்கங்களைப் பாதுகாப்பான இடத்தில் நகலெடுத்து வைத்துக்கொள்ளவும்.

  5. காலவரிசைப் பார்வையில், வேறுபாடுகளை ஒப்பிட்டுப் பார்க்கக் காலவரிசையில் உள்ள ஒரு பதிவைக் கிளிக் செய்யவும்.

  6. முழுமையான கோப்பு உள்ளடக்கங்களையும் தேர்ந்தெடுக்கப்பட்ட முந்தைய பதிப்பைக் கொண்டு மாற்றியமைக்க, காலவரிசைப் பதிவின் மீது வலது கிளிக் செய்து, உள்ளடக்கங்களை மீட்டமை என்பதைத் தேர்ந்தெடுக்கவும்.

  7. மீட்டமை என்பதைக் கிளிக் செய்யவும்.

Theme Check

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

குறியீட்டுத் திருத்தியில் திருத்தப்பட்ட குறியீட்டில் பின்வரும் பிழைகளை Theme Check அம்சத்தால் அடையாளம் காண முடியும்:

  • பாகுபடுத்தியைத் தடுக்கும் ஸ்கிரிப்டுகள் (இது ஸ்டோர்ஃபிரண்டின் வேகத்தைக் குறைக்கலாம்)
  • விடுபட்ட மொழிபெயர்ப்பு விசைகள் அல்லது லோகேல் ஃபைலில் பொருந்தாத மொழிபெயர்ப்புகள் போன்ற, மொழிபெயர்ப்புக் கோப்புகளுக்கு இடையே உள்ள முரண்பாடுகள்
  • விடுபட்ட வார்ப்புருக்கள்

குறியீட்டின் கீழ் உள்ள சிவப்புக் கோடு மூலம் பிழைகள் குறிக்கப்படும். பிழையைப் பார்க்க, சிறப்பம்சமாகக் காட்டப்பட்டுள்ள கோட்டின் மீது உங்கள் மவுஸை நகர்த்தவும்.

குறியீட்டுத் திருத்தியில் தேடி மாற்றுதல்

பின்வரும் வழிகளில் ஏதேனும் ஒன்றைப் பயன்படுத்திக் குறியீட்டுத் திருத்திக்குள் நீங்கள் தேடலாம்:

  • ஒரு குறிப்பிட்ட கோப்பின் குறியீட்டைத் தேடலாம்.
  • தீமில் உள்ள அனைத்துக் கோப்புகளின் குறியீட்டையும் தேடலாம்.

ஒரு குறிப்பிட்ட கோப்பில் அல்லது அனைத்துத் தீம் கோப்புகளிலும் உள்ள பல நிகழ்வுகளில் இருக்கும் குறியீட்டையும் நீங்கள் மாற்றலாம். ஒரு கோப்பைத் திறக்க பெயர் மூலமாகவும் கோப்பைத் தேடலாம்.

கோப்பிற்குள் தேடுதல்

ஒரு குறிப்பிட்ட கோப்பில் குறியீட்டைத் தேடி, அதற்கான குறியீட்டை நீங்கள் மாற்றலாம். குறியீட்டின் ஒவ்வொரு நிகழ்வையும் மதிப்பாய்வு செய்ய அம்புக்குறிகளைப் பயன்படுத்தவும்.

குறியீட்டுத் திருத்தியில் உள்ள கோப்பிற்குள் இருக்கும் தேடல் UI

குறியீட்டைத் தேடிய பிறகு, கோப்பில் உள்ள குறியீட்டை உங்களால் மாற்ற முடியும்.

படிகள்:

  1. உங்கள் Shopify நிர்வாகியிலிருந்து ஆன்லைன் ஸ்டோர் என்பதற்குச் செல்லவும்.

  2. கிடைமட்ட மெனு > குறியீட்டைத் திருத்து என்பதைக் கிளிக் செய்யவும்.

  3. நீங்கள் தேட விரும்பும் கோப்பைத் திறக்கவும்.

  4. Mac-இல் ⌘ + F அல்லது Windows-இல் Ctrl + F என உள்ளிடவும்.

  5. தேடல் புலத்தில், நீங்கள் தேடும் வார்த்தையை உள்ளிடவும்.

  6. விரும்பினால்: குறியீட்டை மாற்ற, பின்வரும் செயல்களை முடிக்கவும்:

  • தேடல் மாடலில், வலது அம்புக்குறி ஐகானைக் கிளிக் செய்யவும்.
  • மாற்று புலத்தில், மாற்றுக் குறியீட்டை உள்ளிடவும். மாற்றுக் குறியீட்டின் பெரிய அல்லது சிறிய எழுத்து வடிவத்தை இருக்கும் நிகழ்வுடன் பொருத்த, எழுத்து வடிவத்தைப் பேணு (Preserve case) என்பதைக் கிளிக் செய்யலாம்.
  • ஒரே நேரத்தில் ஒரு நிகழ்வை மாற்ற மாற்று (Replace) ஐகானைக் கிளிக் செய்யவும் அல்லது ஒரே நேரத்தில் அனைத்து நிகழ்வுகளையும் மாற்ற அனைத்தையும் மாற்று (Replace all) ஐகானைக் கிளிக் செய்யவும்.

அனைத்துக் கோப்புகளிலும் தேடுதல்

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

குறியீட்டுத் திருத்தியில் உள்ள தேடல் பக்கப் பலகம்

படிகள்:

  1. உங்கள் Shopify நிர்வாகியிலிருந்து ஆன்லைன் ஸ்டோர் என்பதற்குச் செல்லவும்.

  2. கிடைமட்ட மெனு > குறியீட்டைத் திருத்து என்பதைக் கிளிக் செய்யவும்.

  3. தேடல் பலகத்தைத் திறக்க தேடல் ஐகானைக் கிளிக் செய்யவும்.

  4. தேடல் புலத்தில், நீங்கள் தேடும் வார்த்தையை உள்ளிடவும்.

  5. விரும்பினால்: குறியீட்டை மாற்ற, பின்வரும் செயல்களை முடிக்கவும்:

  • தேடல் மாடலில், வலது அம்புக்குறி ஐகானைக் கிளிக் செய்யவும்.
  • மாற்று புலத்தில், மாற்றுக் குறியீட்டை உள்ளிடவும்.
  • ஒரே நேரத்தில் ஒரு நிகழ்வையோ அல்லது அனைத்து நிகழ்வுகளையுமோ மாற்றலாம்.

மேம்பட்ட தேடல் விருப்பங்கள்

உங்கள் தேடல் முடிவுகளைச் சுருக்க, பின்வரும் ஒன்று அல்லது அதற்கு மேற்பட்ட தேடல் விருப்பங்களைப் பயன்படுத்தவும்:

  • Match case என்பது நீங்கள் உள்ளிடும் எழுத்து வடிவத்திற்குப் (கேஸ்) பொருந்தும் தேடல் சொற்களை வழங்கும். எடுத்துக்காட்டாக, நீங்கள் product என்று உள்ளிட்டால், "product" அல்லது "Product" என்பதன் நிகழ்வுகளைத் தேடல் முன்னிலைப்படுத்தும். Match case என்பதை நீங்கள் தேர்ந்தெடுத்தால், தேடலானது product என்பதன் நிகழ்வுகளை மட்டுமே முன்னிலைப்படுத்தும்.
  • Match Whole Word என்பது சரியான சொல்லுக்குப் பொருந்தும் தேடல் சொற்களை வழங்கும், பகுதிப் பொருத்தங்களைத் தவிர்க்கும். எடுத்துக்காட்டாக, நீங்கள் cart என உள்ளிட்டால், தேடலானது "cart" என்பதன் நிகழ்வுகளை முன்னிலைப்படுத்தும், ஆனால் "carton" என்பதை முன்னிலைப்படுத்தாது.
  • Use Regular Expression என்பது ரெகுலர் எக்ஸ்பிரஷனுக்கு (ரெஜெக்ஸ்) பொருந்தும் தேடல் முடிவுகளை வழங்கும். regex என்பது உரையில் பொருந்தும் பேட்டர்னைக் குறிப்பிடும் எழுத்துகளின் சரமாகும்.

Search பேனலில்கூட, தேடல் முடிவுகளில் சேர்க்க வேண்டிய அல்லது தவிர்க்க வேண்டிய கோப்புகள் மற்றும் கோப்புறைகளை நீங்கள் தேர்ந்தெடுக்கலாம்.

மேம்பட்ட மெனுவைத் திறக்க, Horizontal menu என்பதைக் கிளிக் செய்யவும். files to include அல்லது files to exclude புலங்களில் எந்தவொரு கோப்பு அல்லது கோப்பகத்தின் (folder) பாதையையும் நீங்கள் உள்ளிடலாம். ஒன்றுக்கு மேற்பட்ட கோப்புகள் அல்லது கோப்புறைகளைச் சேர்க்க, அவற்றை இடைவெளி மற்றும் காற்புள்ளியால் பிரிக்கவும். எடுத்துக்காட்டாக, sections கோப்புறையில் கோப்புகளைத் தேட, files to include புலத்தில் ./sections என்பதை உள்ளிடவும்.

கோப்பு டைரக்டரி காட்சியிலிருந்து ஒரு குறிப்பிட்ட கோப்புறைக்குள்ளும் நீங்கள் தேடலாம். கோப்புறையின் மீது வலது கிளிக் செய்து, கீழ்தோன்றும் மெனுவிலிருந்து Find in folder... என்பதைத் தேர்ந்தெடுக்கவும்.

தீம் கோப்புகளை நிர்வகித்தல்

உங்களின் தீம் குறியீட்டில் கோப்புகளை நீங்கள் நிர்வகிக்கலாம். உங்களால் கோப்புகளை நீக்க, புதிய கோப்புகளைச் சேர்க்க, கோப்புகளை மறுபெயரிட, மற்றும் முந்தைய பதிப்பு கிடைக்கும்போது, அவற்றின் காலவரிசை காட்சியிலிருந்து திருத்தப்பட்ட தற்போதைய குறியீட்டுக் கோப்புகளை மீட்டெடுக்க முடியும். assets கோப்புறையில் உள்ள படங்கள், CSS, JavaScript மற்றும் எழுத்துருக்கள் போன்ற அசெட் கோப்புகளுக்குக் காலவரிசை வரலாறு இல்லை.

தீம் கோப்பைத் திறத்தல்

தீம் கோப்பைத் திறக்க, ஒரு கோப்புறையைக் கிளிக் செய்து, பின்னர் எக்ஸ்ப்ளோரரிலிருந்து கோப்பின் பெயரைக் கிளிக் செய்யவும். பெயர் அல்லது நீட்டிப்பு மூலம் கோப்புகளைத் தேடி, பின்னர் கோப்பைத் திறக்கவும் முடியும்.

படிகள்:

  1. உங்கள் Shopify நிர்வாகியிலிருந்து ஆன்லைன் ஸ்டோர் என்பதற்குச் செல்லவும்.

  2. கிடைமட்ட மெனு > குறியீட்டைத் திருத்து என்பதைக் கிளிக் செய்யவும்.

  3. Mac-இல் ⌘ + P அல்லது Windows-இல் Ctrl + P என உள்ளிடவும்.

  4. தேடல் பட்டியில் கோப்பின் பெயரை உள்ளிட்டு கோப்பைத் தேர்ந்தெடுக்கவும் அல்லது Recently opened பட்டியலில் இருந்து ஒரு கோப்பைத் தேர்ந்தெடுக்கவும்.

புதிய தீம் கோப்பைச் சேர்த்தல்

ஒரு கோப்பைச் சேர்க்க, கோப்புறையைத் தேர்ந்தெடுத்து, New file ஐகானைக் கிளிக் செய்து, பின்னர் கோப்புப் பெயர் மற்றும் கோப்பு நீட்டிப்பை உள்ளிடவும்.

கோப்புப் பெயர்கள் A-Z, 0-9 ஆகிய எழுத்துகளைக் கொண்டிருக்கலாம். ஆனால் எழுத்து இடைவெளிகளைக் கொண்டிருக்க முடியாது. கோடுகளால் (dashes) அல்லது அடிக்கோடுகளால் (underscores) வார்த்தைகளைப் பிரிக்கலாம். கோப்பு நீட்டிப்பானது புள்ளி . மற்றும் நீட்டிப்பு வகையால் வரையறுக்கப்படுகிறது. எடுத்துக்காட்டாக, .liquid அல்லது .css.

படிகள்:

  1. உங்கள் Shopify நிர்வாகியிலிருந்து ஆன்லைன் ஸ்டோர் என்பதற்குச் செல்லவும்.

  2. கிடைமட்ட மெனு > குறியீட்டைத் திருத்து என்பதைக் கிளிக் செய்யவும்.

  3. புதிய கோப்பைச் சேர்க்க வேண்டிய கோப்புறையைக் கிளிக் செய்யவும்.

  4. கோப்புறையின் பெயரில் வலது கிளிக் செய்து, கீழ்தோன்றும் மெனுவிலிருந்து New file... என்பதைத் தேர்ந்தெடுக்கவும்.

  5. கோப்பிற்குப் புதிய பெயரை உள்ளிடவும்.

  6. உங்களின் விசைப்பலகையில் Enter என்பதை அழுத்தவும்.

புதிய அசெட்டைப் பதிவேற்றுதல்

குறியீட்டு எடிட்டரின் assets கோப்புறைக்கு ஐகான் அல்லது படக் கோப்பு போன்ற புதிய அசெட்டை நீங்கள் பதிவேற்றலாம்.

படிகள்:

  1. உங்கள் Shopify நிர்வாகியிலிருந்து ஆன்லைன் ஸ்டோர் என்பதற்குச் செல்லவும்.

  2. கிடைமட்ட மெனு > குறியீட்டைத் திருத்து என்பதைக் கிளிக் செய்யவும்.

  3. assets கோப்புறையின் மீது வலது கிளிக் செய்யவும்.

  4. Upload... என்பதைக் கிளிக் செய்யவும்.

  5. நீங்கள் பதிவேற்ற விரும்பும் கோப்பைத் தேர்ந்தெடுக்கவும்.

  6. Open என்பதைக் கிளிக் செய்யவும்.

தீம் கோப்பை மறுபெயரிடுதல்

கோப்பை மறுபெயரிட, அதன் மீது நீங்கள் வலது கிளிக் செய்யலாம். கோப்பு நீட்டிப்பைத் திருத்தவோ அகற்றவோ வேண்டாம் என்பதை உறுதிசெய்யவும். கோப்பு நீட்டிப்பானது புள்ளி . மற்றும் நீட்டிப்பு வகையால் வரையறுக்கப்படுகிறது. எடுத்துக்காட்டாக, .liquid அல்லது .css. கோப்புப் பெயர்கள் A-Z, 0-9 ஆகிய எழுத்துகளைக் கொண்டிருக்கலாம். ஆனால் எழுத்து இடைவெளிகளைக் கொண்டிருக்க முடியாது. கோடுகளால் (dashes) அல்லது அடிக்கோடுகளால் (underscores) வார்த்தைகளைப் பிரிக்கலாம். கோப்புப் பெயர் செல்லுபடியாகவில்லை எனில், புதிய கோப்புப் பெயர் சேமிக்கப்படாது.

படிகள்:

  1. உங்கள் Shopify நிர்வாகியிலிருந்து ஆன்லைன் ஸ்டோர் என்பதற்குச் செல்லவும்.

  2. கிடைமட்ட மெனு > குறியீட்டைத் திருத்து என்பதைக் கிளிக் செய்யவும்.

  3. ஒரு கோப்பின் மீது வலது கிளிக் செய்து, கீழ்தோன்றும் மெனுவிலிருந்து Rename... என்பதைத் தேர்ந்தெடுக்கவும்.

  4. கோப்பிற்குப் புதிய பெயரை உள்ளிடவும்.

  5. உங்களின் விசைப்பலகையில் Enter என்பதை அழுத்தவும்.

தீம் கோப்பை நீக்குதல்

உங்களின் தீமிலுள்ள எந்தவொரு கோப்பையும் நீங்கள் நீக்கலாம். நீக்கப்பட்ட தீம் கோப்புகளை மீட்டெடுக்க முடியாது.

படிகள்:

  1. உங்கள் Shopify நிர்வாகியிலிருந்து ஆன்லைன் ஸ்டோர் என்பதற்குச் செல்லவும்.

  2. கிடைமட்ட மெனு > குறியீட்டைத் திருத்து என்பதைக் கிளிக் செய்யவும்.

  3. ஒரு கோப்பின் மீது வலது கிளிக் செய்து, கீழ்தோன்றும் மெனுவிலிருந்து Delete permanently என்பதைத் தேர்ந்தெடுக்கவும்.

  4. Delete என்பதைக் கிளிக் செய்யவும்.