థీమ్ కోడ్‌ను సవరించడం
కోడ్ ఎడిటర్ సహాయంతో మీ ఆన్‌లైన్ స్టోర్‌లో సమగ్రమైన మార్పులు చేయడానికి మీరు మీ థీమ్ కోడ్‌ను సవరించవచ్చు. థీమ్‌ను రూపొందించే చాలా ఫైల్‌లలో Shopify టెంప్లేటింగ్ భాష అయిన Liquid ఉంటుంది. థీమ్ ఫైల్‌లు HTML, CSS, JSON మరియు JavaScriptలను కూడా కలిగి ఉంటాయి. మీకు HTML, CSS గురించి తెలిసి ఉండి, Liquid గురించి ప్రాథమిక అవగాహన ఉంటే మాత్రమే థీమ్ కోసం కోడ్‌ను సవరించండి.
మీ థీమ్‌ను కొనుగోలు చేసిన తర్వాత మాత్రమే దాని కోడ్‌ను మీరు సవరించగలరు. థీమ్ ఎడిటర్‌లో AI కోడ్ జనరేటర్‌ను ఉపయోగించడం కూడా దీనిలో కలిసి ఉంటుంది. మీరు చెల్లింపు థీమ్ యొక్క ట్రయల్ వెర్షన్‌ను ఉపయోగిస్తుంటే, కోడ్‌లో మార్పులు చేయడానికి ముందు మీరు దానిని కొనుగోలు చేయాల్సి ఉంటుంది.
కోడ్ ఎడిటర్ మీ థీమ్ ఫైల్‌ల డైరెక్టరీని, మరియు ఆ ఫైల్‌లను ప్రదర్శించడానికి, సవరించడానికి ఒక ప్రదేశాన్ని చూపుతుంది. మీరు డైరెక్టరీలోని ఫైల్‌పై క్లిక్ చేసినప్పుడు, అది కోడ్ ఎడిటర్‌లో తెరవబడుతుంది. మీరు ఒకే సమయంలో బహుళ ఫైల్‌లను తెరవవచ్చు మరియు సవరించవచ్చు. మీరు ఒకే సమయంలో బహుళ ఫైల్‌లను తెరిచి, సమీక్షించవచ్చు.
ఈ పేజీలో
మీ థీమ్ కోడ్‌ను సవరించండి
మీ థీమ్ ఫైల్‌లను సవరించడానికి మీరు కోడ్ ఎడిటర్‌ను ఉపయోగించవచ్చు.
దశలు:
డెస్క్‌టాప్
మీ Shopify అడ్మిన్ నుండి, ఆన్‌లైన్ స్టోర్‌కు వెళ్లండి.
> కోడ్‌ను ఎడిట్ చేయండిని క్లిక్ చేయండి.
మొబైల్
Shopify యాప్ నుండి,
ఐకాన్‌ను ట్యాప్ చేయండి.విక్రయ ఛానెల్‌ల విభాగంలో, ఆన్‌లైన్ స్టోర్‌ను ట్యాప్ చేయండి.
థీమ్‌లను మేనేజ్ చేయండిని ట్యాప్ చేయండి.
- > కోడ్‌ను ఎడిట్ చేయండిని ట్యాప్ చేయండి.
మార్పులను సేవ్ చేయడం
మీరు ఫైల్‌ను ఎడిట్ చేసినప్పుడు, సేవ్ చేయని మార్పులను సూచించడానికి ట్యాబ్ పేరు పక్కన ఒక చుక్క ప్రదర్శించబడుతుంది. మీ మార్పులను సేవ్ చేయడానికి సేవ్ బటన్‌ను క్లిక్ చేయండి. అలాగే మీ మార్పులను సేవ్ చేయడానికి మీరు Macలో ⌘ + Sని లేదా Windowsలో Ctrl + Sని ఎంటర్ చేయవచ్చు.
థీమ్ కోడ్‌ను ఫార్మాట్ చేయడం
కోడ్ ఇండెంటేషన్‌ను పరిష్కరించడానికి, Macలో ⌘ + Shift + P లేదా Windowsలో Ctrl + Shift + P కీలతో కమాండ్ ప్యాలెట్‌ను తెరిచి format అని ఎంటర్ చేసి, ఆపై డాక్యుమెంట్‌ను ఫార్మాట్ చేయండి ఎంచుకోండి.
దశలు:
మీ Shopify అడ్మిన్ నుండి, ఆన్‌లైన్ స్టోర్‌కు వెళ్లండి.
- > కోడ్‌ను ఎడిట్ చేయండిని క్లిక్ చేయండి.
మీరు ఫార్మాట్ చేయాలనుకుంటున్న ఫైల్‌ను తెరవండి.
Macలో
⌘+Pని లేదా WindowsలోCtrl+Pని ఎంటర్ చేయండి.కమాండ్ ప్యాలెట్‌లో, format అని ఎంటర్ చేసి, ఆపై మీ కీబోర్డ్‌లో
Enterనొక్కండి.ఫైల్‌ను సేవ్ చేయండి.
ఫైల్ మార్పులను ట్రాక్ చేయడం
మాడిఫై చేసిన థీమ్ ఫైల్‌ను మునుపటి వెర్షన్‌కు పునరుద్ధరించడానికి, ఆ ఫైల్ కోసం టైమ్‌లైన్ వ్యూను ఉపయోగించండి.
టైమ్‌లైన్ వ్యూ ఒకేసారి ఒక ఫైల్‌ను మాత్రమే పునరుద్ధరిస్తుంది. ఇది మొత్తం థీమ్‌ను పునరుద్ధరించదు అలాగే ఇది తొలగించబడిన థీమ్ ఫైల్‌లను రికవర్ చేయలేదు. టైమ్‌లైన్ చరిత్ర పరిమితం కాబట్టి, పాత వెర్షన్‌లు అందుబాటులో ఉండకపోవచ్చు.
పునరుద్ధరించడం అనేది మీరు ఉంచుకోవాలనుకునే మార్పులతో సహా మొత్తం ఫైల్ కంటెంట్‌ను రీప్లేస్ చేస్తుంది. ఫైల్‌ను పునరుద్ధరించడానికి ముందు, మీరు ఏవైనా మార్పులను ఉంచుకోవాలనుకుంటే, ప్రస్తుత ఫైల్ కంటెంట్‌ను ఎక్కడైనా సురక్షిత ప్రదేశంలో కాపీ చేయండి.
దశలు:
మీ Shopify అడ్మిన్ నుండి, ఆన్‌లైన్ స్టోర్‌కు వెళ్లండి.
- > కోడ్‌ను ఎడిట్ చేయండిని క్లిక్ చేయండి.
మీరు రివ్యూ చేయాలనుకుంటున్న లేదా పునరుద్ధరించాలనుకుంటున్న ఫైల్‌ను తెరవండి.
ఆప్షనల్: మీరు ఏవైనా ప్రస్తుత మార్పులను ఉంచుకోవాలనుకుంటే, పునరుద్ధరించడానికి ముందు ప్రస్తుత ఫైల్ కంటెంట్‌ను ఎక్కడైనా సురక్షిత ప్రదేశంలో కాపీ చేయండి.
తేడాలను సరిపోల్చడానికి టైమ్‌లైన్ వ్యూలో, టైమ్‌లైన్ ఎంట్రీని క్లిక్ చేయండి.
ఎంచుకున్న మునుపటి వెర్షన్‌తో మొత్తం ఫైల్ కంటెంట్‌ను రీప్లేస్ చేయడానికి, టైమ్‌లైన్ ఎంట్రీపై రైట్-క్లిక్ చేసి, ఆపై కంటెంట్‌ను పునరుద్ధరించండిని ఎంచుకోండి.
పునరుద్ధరించండి క్లిక్ చేయండి.
Theme Check
కోడ్ ఎడిటర్‌లో Theme Check ఉంటుంది, ఇది మీ లైవ్ థీమ్‌లో ఎర్రర్‌లను కనుగొనడానికి బదులుగా, కోడ్ రాస్తున్నప్పుడే తక్షణ ఫీడ్‌బ్యాక్ అందించడం ద్వారా ఎర్రర్‌లను నిరోధించడంలో సహాయపడే ఒక ఫీచర్.
కోడ్ ఎడిటర్‌లో, Theme Check ఎడిట్ చేసిన కోడ్‌లోని కింది ఎర్రర్‌లను గుర్తించగలదు:
- పార్సర్ బ్లాకింగ్ స్క్రిప్ట్‌లు, ఇవి స్టోర్‌ఫ్రంట్ వేగాన్ని తగ్గించగలవు
- మిస్ అయిన అనువాద కీలు లేదా లొకేల్ ఫైల్‌లో మ్యాచ్ కాని అనువాదాలు వంటి అనువాద ఫైల్‌ల మధ్య ఉన్న అస్థిరతలు
- మిస్ అయిన టెంప్లేట్‌లు
కోడ్ కింద ఒక ఎర్రటి లైన్ ద్వారా ఎర్రర్‌లు సూచించబడతాయి. ఎర్రర్‌ను వీక్షించడానికి, మీ మౌస్‌ను హైలైట్ చేయబడిన లైన్‌పై ఉంచండి.
కోడ్ ఎడిటర్‌లో వెతకడం, రీప్లేస్ చేయడం
మీరు కింది మార్గాలలో దేనిలోనైనా కోడ్ ఎడిటర్‌లో వెతకవచ్చు:
- ఒక నిర్దిష్ట ఫైల్ కోడ్‌ను వెతకండి.
- థీమ్‌లోని అన్ని ఫైల్‌ల కోడ్‌ను వెతకండి.
మీరు నిర్దిష్ట ఫైల్‌లో లేదా అన్ని థీమ్ ఫైల్‌లలోని పలు చోట్ల ఉన్న కోడ్‌ను కూడా రీప్లేస్ చేయవచ్చు. ఒక ఫైల్‌ను తెరవడానికి కూడా మీరు ఫైల్ పేరు ద్వారా దానిని వెతకవచ్చు.
ఒక ఫైల్ లోపల వెతకడం
మీరు ఒక నిర్దిష్ట ఫైల్‌లోని కోడ్‌లో వెతికి, కోడ్‌ను రీప్లేస్ చేయవచ్చు. కోడ్ యొక్క ప్రతి ఇన్‌స్టాన్స్‌ను రివ్యూ చేయడానికి యారో కీలను ఉపయోగించండి.
మీరు కోడ్ కోసం వెతికిన తర్వాత, మీరు ఫైల్‌లోని కోడ్‌ను రీప్లేస్ చేయవచ్చు.
దశలు:
మీ Shopify అడ్మిన్ నుండి, ఆన్‌లైన్ స్టోర్‌కు వెళ్లండి.
- > కోడ్‌ను ఎడిట్ చేయండిని క్లిక్ చేయండి.
మీరు వెతకాలనుకుంటున్న ఫైల్‌ను తెరవండి.
Macలో అయితే
⌘+Fని లేదా Windowsలో అయితేCtrl+Fని ఎంటర్ చేయండి.సెర్చ్ ఫీల్డ్‌లో, మీరు వెతకాల్సిన పదాన్ని ఎంటర్ చేయండి.
ఆప్షనల్: కోడ్‌ను రీప్లేస్ చేయడానికి, కింది చర్యలను పూర్తి చేయండి:
- సెర్చ్ మోడల్‌లో,
ఐకాన్‌ను క్లిక్ చేయండి. - రీప్లేస్ చేయండి ఫీల్డ్‌లో, రీప్లేస్‌మెంట్ కోడ్‌ను ఎంటర్ చేయండి. రీప్లేస్‌మెంట్ కోడ్ యొక్క క్యాపిటలైజేషన్‌ను ఇప్పటికే ఉన్న ఇన్‌స్టాన్స్‌తో సరిపోల్చడానికి మీరు కేస్‌ను అలాగే ఉంచండిని క్లిక్ చేయవచ్చు.
- ఒక సారి ఒక ఇన్‌స్టాన్స్‌ను రీప్లేస్ చేయడానికి రీప్లేస్ చేయండి ఐకాన్‌ను క్లిక్ చేయండి లేదా అన్ని ఇన్‌స్టాన్స్‌లను ఒకేసారి రీప్లేస్ చేయడానికి అన్నింటినీ రీప్లేస్ చేయండి ఐకాన్‌ను క్లిక్ చేయండి.
అన్ని ఫైల్‌లలో వెతకడం
అన్ని థీమ్ ఫైల్‌లలో వెతకడానికి ఎడమ సైడ్‌బార్‌లోని సెర్చ్ బటన్‌ను క్లిక్ చేయండి. ఫలితాలు మీరు వెతికిన పదం ఉన్న ప్రతి ఇన్‌స్టాన్స్‌ను అలాగే అది ఏ ఫైల్‌లో కనిపిస్తుందో కూడా ప్రదర్శిస్తాయి.
దశలు:
మీ Shopify అడ్మిన్ నుండి, ఆన్‌లైన్ స్టోర్‌కు వెళ్లండి.
- > కోడ్‌ను ఎడిట్ చేయండిని క్లిక్ చేయండి.
సెర్చ్ ప్యానెల్‌ను తెరవడానికి
ఐకాన్‌ను క్లిక్ చేయండి. సెర్చ్ ఫీల్డ్‌లో, మీరు వెతకాల్సిన పదాన్ని ఎంటర్ చేయండి.
ఆప్షనల్: కోడ్‌ను రీప్లేస్ చేయడానికి, కింది చర్యలను పూర్తి చేయండి:
- సెర్చ్ మోడల్‌లో, ఐకాన్‌ను క్లిక్ చేయండి.
- రీప్లేస్ చేయండి ఫీల్డ్‌లో, రీప్లేస్‌మెంట్ కోడ్‌ను ఎంటర్ చేయండి.
- ఒకేసారి ఒక ఇన్‌స్టాన్స్‌ను లేదా ఒకేసారి అన్ని ఇన్‌స్టాన్స్‌లను రీప్లేస్ చేయండి.
అధునాతన సెర్చ్ ఆప్షన్‌లు
మీ సెర్చ్ ఫలితాలను కుదించడానికి, కింది ఒకటి లేదా అంతకంటే ఎక్కువ సెర్చ్ ఆప్షన్‌లను ఉపయోగించండి:
- Match case అనేది కేస్‌కు సరిపోలే సెర్చ్ పదాలను ఇస్తుంది. ఉదాహరణకు, మీరు product అని ఎంటర్ చేస్తే, అప్పుడు సెర్చ్ "product" లేదా "Product" అని ఉన్న ప్రతి సందర్భాన్ని హైలైట్ చేస్తుంది. మీరు Match caseని ఎంచుకుంటే, సెర్చ్ కేవలం product ఉన్న సందర్భాలను మాత్రమే హైలైట్ చేస్తుంది.
- Match Whole Word ఖచ్చితమైన పదానికి సరిపోలే సెర్చ్ పదాలను చూపుతుంది మరియు పాక్షికంగా సరిపోలే వాటిని మినహాయిస్తుంది. ఉదాహరణకు, మీరు cart అని ఎంటర్ చేస్తే, అప్పుడు సెర్చ్ "cart" ఉన్న సందర్భాలను హైలైట్ చేస్తుంది కానీ "carton"ను కాదు.
- Use Regular Expression అనేది రెగ్యులర్ ఎక్స్‌ప్రెషన్ (regex)కు సరిపోలే సెర్చ్ ఫలితాలను ఇస్తుంది. regex అనేది టెక్స్ట్‌లో సరిపోలే నమూనాను పేర్కొనే క్యారెక్టర్‌ల స్ట్రింగ్.
Search ప్యానెల్‌లో, మీరు సెర్చ్ ఫలితాలలో చేర్చడానికి లేదా మినహాయించడానికి ఫైల్‌లను మరియు ఫోల్డర్‌లను కూడా ఎంచుకోవచ్చు.
అధునాతన మెనును తెరవడానికి పై క్లిక్ చేయండి. మీరు files to include (చేర్చాల్సిన ఫైళ్లు) లేదా files to exclude (మినహాయించాల్సిన ఫైళ్లు) ఫీల్డ్‌లలో ఏదైనా ఫైల్ లేదా ఫోల్డర్ పాత్‌ను ఎంటర్ చేయవచ్చు. ఒక ఫైల్ లేదా ఫోల్డర్ కంటే ఎక్కువ జోడించడానికి, వాటిని స్పేస్ మరియు కామాతో వేరు చేయండి. ఉదాహరణకు, sections ఫోల్డర్‌లో ఫైల్‌ల కోసం వెతకడానికి, files to include ఫీల్డ్‌లో ./sections అని ఎంటర్ చేయండి.
మీరు ఫైల్ డైరెక్టరీ వీక్షణలో ఒక నిర్దిష్ట ఫోల్డర్‌లో కూడా సెర్చ్ చేయవచ్చు. ఫోల్డర్‌పై రైట్-క్లిక్ చేసి, ఆపై డ్రాప్‌డౌన్ మెను నుండి Find in folder...ని ఎంచుకోండి.
థీమ్ ఫైల్‌లను నిర్వహించడం
మీరు మీ థీమ్ కోడ్‌లో ఫైల్‌లను నిర్వహించవచ్చు. మీరు ఫైల్‌లను తొలగించవచ్చు, కొత్త ఫైల్‌లను జోడించవచ్చు, ఫైల్‌ల పేరు మార్చవచ్చు మరియు పాత వెర్షన్ అందుబాటులో ఉన్నప్పుడు మార్చబడిన కోడ్ ఫైల్‌లను వాటి Timeline వీక్షణ నుండి పునరుద్ధరించవచ్చు (రీస్టోర్ చేయవచ్చు). assets ఫోల్డర్‌లోని ఇమేజ్‌లు, CSS, JavaScript మరియు ఫాంట్‌లు వంటి అసెట్ ఫైల్‌లకు టైమ్‌లైన్ చరిత్ర ఉండదు.
థీమ్ ఫైల్‌ను తెరవడం
థీమ్ ఫైల్‌ను తెరవడానికి, ఒక ఫోల్డర్‌పై క్లిక్ చేసి, ఆపై ఎక్స్‌ప్లోరర్ నుండి ఫైల్ పేరుపై క్లిక్ చేయండి. మీరు పేరు లేదా ఫైల్ ఎక్స్‌టెన్షన్ ద్వారా కూడా ఫైల్‌లను సెర్చ్ చేయవచ్చు, ఆపై ఫైల్‌ను తెరవవచ్చు.
దశలు:
మీ Shopify అడ్మిన్ నుండి, ఆన్‌లైన్ స్టోర్‌కు వెళ్లండి.
- > కోడ్‌ను ఎడిట్ చేయండిని క్లిక్ చేయండి.
Macలో
⌘+Pని లేదా WindowsలోCtrl+Pని ఎంటర్ చేయండి.సెర్చ్ బార్‌లో ఫైల్ పేరును ఎంటర్ చేసి, ఫైల్‌ను ఎంచుకోండి లేదా Recently opened లిస్ట్ నుండి ఒక ఫైల్‌ను ఎంచుకోండి.
కొత్త థీమ్ ఫైల్‌ను జోడించడం
ఫైల్‌ను జోడించడానికి, ఫోల్డర్‌ను ఎంచుకుని, New file ఐకాన్‌పై క్లిక్ చేసి, ఆపై ఫైల్ పేరును మరియు ఫైల్ ఎక్స్‌టెన్షన్‌ను ఎంటర్ చేయండి.
ఫైల్ పేర్లలో A-Z, 0-9 క్యారెక్టర్‌లు ఉండవచ్చు మరియు ఖాళీలు (స్పేస్‌లు) ఉండకూడదు. పదాలను డ్యాష్‌లు లేదా అండర్‌స్కోర్‌లతో వేరు చేయండి. ఫైల్ ఎక్స్‌టెన్షన్ అనేది ఒక చుక్క . మరియు ఎక్స్‌టెన్షన్ రకం ద్వారా నిర్వచించబడుతుంది. ఉదాహరణకు, .liquid లేదా .css.
దశలు:
మీ Shopify అడ్మిన్ నుండి, ఆన్‌లైన్ స్టోర్‌కు వెళ్లండి.
- > కోడ్‌ను ఎడిట్ చేయండిని క్లిక్ చేయండి.
మీరు కొత్త ఫైల్‌ను జోడించాలనుకుంటున్న ఫోల్డర్‌పై క్లిక్ చేయండి.
ఫోల్డర్ పేరుపై రైట్-క్లిక్ చేసి, డ్రాప్-డౌన్ మెను నుండి New file...ని ఎంచుకోండి.
ఫైల్ కోసం కొత్త పేరును ఎంటర్ చేయండి.
మీ కీబోర్డ్‌లో
Enterనొక్కండి.
కొత్త అసెట్‌ను అప్‌లోడ్ చేయడం
మీరు కోడ్ ఎడిటర్‌లోని assets ఫోల్డర్‌కు ఐకాన్ లేదా ఇమేజ్ ఫైల్ వంటి కొత్త అసెట్‌ను అప్‌లోడ్ చేయవచ్చు.
దశలు:
మీ Shopify అడ్మిన్ నుండి, ఆన్‌లైన్ స్టోర్‌కు వెళ్లండి.
- > కోడ్‌ను ఎడిట్ చేయండిని క్లిక్ చేయండి.
assets ఫోల్డర్‌పై రైట్-క్లిక్ చేయండి.
Upload...పై క్లిక్ చేయండి.
మీరు అప్‌లోడ్ చేయాలనుకుంటున్న ఫైల్‌ను ఎంచుకోండి.
Openపై క్లిక్ చేయండి.
థీమ్ ఫైల్ పేరు మార్చడం
ఫైల్ పేరును మార్చడానికి మీరు దానిపై రైట్-క్లిక్ చేయవచ్చు. ఫైల్ ఎక్స్‌టెన్షన్‌ను సవరించకుండా లేదా తీసివేయకుండా చూసుకోండి. ఫైల్ ఎక్స్‌టెన్షన్ ఒక చుక్క . మరియు ఎక్స్‌టెన్షన్ రకం ద్వారా నిర్వచించబడుతుంది. ఉదాహరణకు, .liquid లేదా .css. ఫైల్ పేర్లలో A-Z, 0-9 క్యారెక్టర్‌లు ఉండవచ్చు మరియు ఖాళీలు ఉండకూడదు. పదాలను డ్యాష్‌లు లేదా అండర్‌స్కోర్‌లతో వేరు చేయండి. ఫైల్ పేరు చెల్లనిది అయితే, అప్పుడు కొత్త ఫైల్ పేరు సేవ్ అవ్వదు.
దశలు:
మీ Shopify అడ్మిన్ నుండి, ఆన్‌లైన్ స్టోర్‌కు వెళ్లండి.
- > కోడ్‌ను ఎడిట్ చేయండిని క్లిక్ చేయండి.
ఫైల్‌పై రైట్-క్లిక్ చేసి, డ్రాప్-డౌన్ మెను నుండి Rename...ని ఎంచుకోండి.
ఫైల్ కోసం కొత్త పేరును ఎంటర్ చేయండి.
మీ కీబోర్డ్‌లో
Enterనొక్కండి.
థీమ్ ఫైల్‌ను తొలగించడం
మీరు మీ థీమ్‌లోని ఏ ఫైల్‌లైనా తొలగించవచ్చు. తొలగించిన థీమ్ ఫైల్‌లను రికవర్ చేయలేము.
దశలు:
మీ Shopify అడ్మిన్ నుండి, ఆన్‌లైన్ స్టోర్‌కు వెళ్లండి.
- > కోడ్‌ను ఎడిట్ చేయండిని క్లిక్ చేయండి.
ఒక ఫైల్‌పై రైట్-క్లిక్ చేసి, డ్రాప్-డౌన్ మెను నుండి Delete permanentlyని ఎంచుకోండి.
Deleteపై క్లిక్ చేయండి.