თემის კოდის რედაქტირება

გაფრთხილება

თუ თემის კოდში შეტანილი ცვლილებები შეუთავსებელია თემის განახლებასთან, შენი კოდის ყველა ცვლილება წაიშლება განახლებულ ასლში. თემის კოდი მხოლოდ იმ შემთხვევაში უნდა დაარედაქტირო, თუ სასურველი ცვლილებების შეტანა Shopify აპით ან თემის რედაქტორით შეუძლებელია.

კოდის რედაქტორით შეგიძლია შენი თემის კოდი დაარედაქტირო ონლაინ მაღაზიაში დეტალური ცვლილებების შესატანად. თემის შემადგენელი ფაილების უმეტესობა შეიცავს Liquid-ს, Shopify-ის შაბლონების ენას. თემის ფაილები ასევე შეიცავს HTML-ს, CSS-ს, JSON-სა და JavaScript-ს. თემის კოდი დაარედაქტირე მხოლოდ მაშინ, თუ იცი HTML და CSS და საბაზისო დონეზე გესმის Liquid.

თემის კოდის რედაქტირება მხოლოდ მისი შეძენის შემდეგ შეგიძლია. ეს მოიცავს თემის რედაქტორში AI კოდის გენერატორის გამოყენებასაც. თუ ფასიანი თემის საცდელ ვერსიას იყენებ, კოდში ცვლილებების შესატანად ჯერ უნდა შეიძინო იგი.

განავითარე შენი ბიზნესი

თუ გსურს მორგებული ფუნქციების ან კოდის დამატება, მაგრამ არ გაქვს HTML, CSS და JavaScript ენების გამოყენებით ვებსაიტების შექმნის გამოცდილება, იფიქრე Shopify-ის პარტნიორის დაქირავებაზე.

გაფრთხილება

შენი თემის მოსარგებად მოსამზადებლად, შეასრულე შემდეგი რეკომენდებული ამოცანები:

• გააკეთე შენი თემის დუბლიკატი სარეზერვო ასლის შესაქმნელად. ეს გაგიმარტივებს ცვლილებების გაუქმებასა და საჭიროების შემთხვევაში თავიდან დაწყებას.
• დარწმუნდი, რომ გესმის მხარდაჭერის რა დონეა ხელმისაწვდომი.
• გაეცანი სურათების ატვირთვის მოთხოვნებსა და საუკეთესო პრაქტიკას.

კოდის რედაქტორი აჩვენებს შენი თემის ფაილების დირექტორიას და სივრცეს ფაილების სანახავად და სარედაქტირებლად. როდესაც დირექტორიაში ფაილს აწკაპუნებ, ის იხსნება კოდის რედაქტორში. ერთდროულად შეგიძლია რამდენიმე ფაილის გახსნა და რედაქტირება. ასევე, შეგიძლია რამდენიმე ფაილი ერთდროულად გახსნა და გადახედო.

თემის კოდის რედაქტირება

შენი თემის ფაილების შესაცვლელად შეგიძლია კოდის რედაქტორი გამოიყენო.

ნაბიჯები:

დესკტოპი

1. შენი Shopify-ს ადმინიდან გადადი განყოფილებაში ონლაინ მაღაზია.

2. დააწკაპუნე ღილაკს > კოდის რედაქტირება.

მობილური

1. Shopify აპში შეეხე ხატულას.

2. განყოფილებაში გაყიდვების არხები შეეხე ონლაინ მაღაზიას.

3. შეეხე თემების მართვას.

4. შეეხე ღილაკს > კოდის რედაქტირება.

ცვლილებების შენახვა

ფაილის რედაქტირებისას ჩანართის სახელის გვერდით გამოჩნდება წერტილი, რაც შეუნახავ ცვლილებებზე მიუთითებს. ცვლილებების შესანახად დააწკაპუნე ღილაკს შენახვა. ცვლილებების შენახვა ასევე შეგიძლია Mac-ზე ⌘ + S, ხოლო Windows-ზე Ctrl + S კლავიშების კომბინაციით.

თემის კოდის ფორმატირება

კოდში შეწევის გასასწორებლად გახსენი ბრძანებათა პანელი Mac-ზე ⌘ + Shift + P ან Windows-ზე Ctrl + Shift + P კლავიშებით format, და შემდეგ აირჩიე Format document.

ნაბიჯები:

1. შენი Shopify-ს ადმინიდან გადადი განყოფილებაში ონლაინ მაღაზია.

2. დააწკაპუნე ღილაკს > კოდის რედაქტირება.

3. გახსენი ის ფაილი, რომლის ფორმატირებაც გსურს.

4. გამოიყენე ⌘ + P Mac-ზე ან Ctrl + P Windows-ზე.

5. ბრძანებათა პანელში შეიყვანე format, შემდეგ კი კლავიატურაზე დააჭირე Enter-ს.

6. შეინახე ფაილი.

ფაილის ცვლილებების თვალყურის დევნება

შეცვლილი თემის ფაილის წინა ვერსიაზე აღსადგენად გამოიყენე ამ ფაილის ქრონოლოგიის ხედი.

ქრონოლოგიის ხედი ერთ ჯერზე მხოლოდ ერთ არსებულ ფაილს აღადგენს. ის არ აღადგენს მთლიან თემას და არ შეუძლია წაშლილი თემის ფაილების დაბრუნება. ქრონოლოგიის ისტორია შეზღუდულია, ამიტომ ძველი ვერსიები შეიძლება ხელმისაწვდომი არ იყოს.

ფაილის აღდგენისას ჩანაცვლდება მისი მთლიანი კონტენტი, მათ შორის ის ცვლილებებიც, რომელთა შენარჩუნებაც შეიძლება გინდოდეს. ამიტომ, სანამ ფაილს აღადგენ, დააკოპირე მისი მიმდინარე კონტენტი უსაფრთხო ადგილას, რათა საჭიროების შემთხვევაში, არ დაკარგო სასურველი ცვლილებები.

ნაბიჯები:

1. შენი Shopify-ს ადმინიდან გადადი განყოფილებაში ონლაინ მაღაზია.

2. დააწკაპუნე ღილაკს > კოდის რედაქტირება.

3. გახსენი ის არსებული ფაილი, რომლის გადახედვა ან აღდგენაც გსურს.

4. არასავალდებულო: თუ გსურს მიმდინარე ცვლილებების შენარჩუნება, აღდგენამდე დააკოპირე ფაილის მიმდინარე კონტენტი უსაფრთხო ადგილას.

5. ქრონოლოგიის ხედში დააწკაპუნე ჩანაწერს ქრონოლოგიაში, რათა შეადარო განსხვავებები.

6. ფაილის მთლიანი კონტენტის არჩეული ძველი ვერსიით ჩასანაცვლებლად დააწკაპუნე ქრონოლოგიის ჩანაწერზე მარჯვენა ღილაკით და აირჩიე კონტენტის აღდგენა.

7. დააწკაპუნე ღილაკს აღდგენა.

Theme Check

კოდის რედაქტორი მოიცავს Theme Check-ს — ფუნქციას, რომელიც გეხმარება შეცდომების თავიდან აცილებაში კოდის წერის პროცესშივე მყისიერი უკუკავშირის მიწოდებით, ნაცვლად იმისა, რომ შეცდომები შენს აქტიურ თემაში მოგვიანებით აღმოაჩინო.

კოდის რედაქტორში, Theme Check-ს შეუძლია ამოიცნოს შემდეგი შეცდომები რედაქტირებულ კოდში:

• პარსერის მბლოკავი სკრიპტები, რომლებსაც შეუძლია ვიტრინის მუშაობის შენელება
• შეუსაბამობები თარგმანის ფაილებს შორის, მაგალითად, გამოტოვებული თარგმანის გასაღებები ან ლოკალის ფაილთან შეუსაბამო თარგმანები
• გამოტოვებული შაბლონები

შეცდომებზე მიუთითებს კოდის ქვეშ გავლებული წითელი ხაზი. შეცდომის სანახავად მიიტანე მაუსის კურსორი მონიშნულ ხაზზე.

ძიება და ჩანაცვლება კოდის რედაქტორში

კოდის რედაქტორში ძიება შეგიძლია შემდეგი მეთოდებიდან ერთ-ერთით:

• კოდის ძიება კონკრეტულ ფაილში.
• თემის ყველა ფაილის კოდში ძიება.

შენ ასევე შეგიძლია ჩაანაცვლო კოდი კონკრეტულ ფაილში ან თემის ყველა ფაილში. გარდა ამისა, შეგიძლია მოძებნო ფაილი სახელით, რათა გახსნა ფაილი.

ძიება ფაილში

შეგიძლია მოძებნო კოდი კონკრეტულ ფაილში და ჩაანაცვლო ის. კოდის თითოეული ნაპოვნი მონაკვეთის სანახავად გამოიყენე ისრიანი კლავიშები.

კოდის მოძებნის შემდეგ, შეგიძლია ჩაანაცვლო კოდი ფაილში.

ნაბიჯები:

1. შენი Shopify-ს ადმინიდან გადადი განყოფილებაში ონლაინ მაღაზია.

2. დააწკაპუნე ღილაკს > კოდის რედაქტირება.

3. გახსენი ის ფაილი, რომელშიც გსურს ძიება.

4. გამოიყენე ⌘ + F Mac-ზე ან Ctrl + F Windows-ზე.

5. ძიების ველში შეიყვანე საძიებო სიტყვა.

6. არასავალდებულო: კოდის ჩასანაცვლებლად შეასრულე შემდეგი მოქმედებები:

• ძიების მოდალურ ფანჯარაში დააწკაპუნე ხატულას.
• ველში ჩანაცვლება შეიყვანე ახალი კოდი. შეგიძლია დააწკაპუნო ღილაკს რეგისტრის შენარჩუნება, რათა ახალი კოდის დიდი და პატარა ასოები არსებულს დაემთხვეს.
• დააწკაპუნე ხატულას ჩანაცვლება ერთ ჯერზე ერთის ჩასანაცვლებლად, ან დააწკაპუნე ხატულას ყველას ჩანაცვლება ყველას ერთდროულად ჩასანაცვლებლად.

ძიება ყველა ფაილში

მარცხენა პანელში დააწკაპუნე ძიების ღილაკს თემის ყველა ფაილში მოსაძებნად. შედეგებში ნაჩვენები იქნება შენი საძიებო სიტყვის ყველა ინსტანცია და ფაილი, რომელშიც ის გვხვდება.

ნაბიჯები:

1. შენი Shopify-ს ადმინიდან გადადი განყოფილებაში ონლაინ მაღაზია.

2. დააწკაპუნე ღილაკს > კოდის რედაქტირება.

3. დააწკაპუნე ხატულას საძიებო პანელის გასახსნელად.

4. ძიების ველში შეიყვანე საძიებო სიტყვა.

5. არასავალდებულო: კოდის ჩასანაცვლებლად შეასრულე შემდეგი მოქმედებები:

• ძიების მოდალურ ფანჯარაში დააწკაპუნე ხატულას.
• ველში ჩანაცვლება შეიყვანე ახალი კოდი.
• ჩაანაცვლე ერთ ჯერზე მხოლოდ ერთი ან ერთდროულად ყველა მათგანი.

ძიების გაფართოებული პარამეტრები

ძიების შედეგების შესავიწროებლად გამოიყენე ძიების შემდეგი პარამეტრებიდან ერთი ან რამდენიმე:

• Match case (რეგისტრის გათვალისწინება) აბრუნებს საძიებო ტერმინებს, რომლებიც ემთხვევა რეგისტრს. მაგალითად, თუ შეიყვან product-ს, ძიება მონიშნავს „product“-ის ან „Product“-ის ნებისმიერ ვარიანტს. თუ აირჩევ Match case-ს, ძიება მონიშნავს მხოლოდ product-ის ვარიანტებს.
• Match Whole Word (მთლიანი სიტყვის დამთხვევა) აბრუნებს საძიებო ტერმინებს, რომლებიც ემთხვევა ზუსტ სიტყვას და გამორიცხავს ნაწილობრივ დამთხვევებს. მაგალითად, თუ შეიყვან cart-ს, ძიება მონიშნავს „cart“-ს და არა „carton“-ს.
• Use Regular Expression (რეგულარული გამოსახულების გამოყენება) აბრუნებს ძიების შედეგებს, რომლებიც ემთხვევა რეგულარულ გამოსახულებას (regex). regex არის სიმბოლოების სტრიქონი, რომელიც ტექსტში დამთხვევის შაბლონს განსაზღვრავს.

გაფრთხილება

Regex-ის გამოყენება მორგების გაფართოებული ტექნიკაა. Regex სტრიქონის აგების ინსტრუქციისთვის, შეგიძლია გამოიყენო მესამე მხარის ისეთი ინსტრუმენტი, როგორიცაა regex101 ან RegExr.

Search პანელში ასევე შეგიძლია აირჩიო ფაილები და საქაღალდეები ძიების შედეგებში ჩასართავად ან მათგან გამოსარიცხად.

დააწკაპუნე -ს გაფართოებული მენიუს გასახსნელად. შეგიძლია შეიყვანო ნებისმიერი ფაილის ან საქაღალდის გზა files to include (ჩასართავი ფაილები) ან files to exclude (გამოსარიცხი ფაილები) ველებში. ერთზე მეტი ფაილის ან საქაღალდის დასამატებლად, გამოყავი ისინი ინტერვალითა და მძიმით. მაგალითად, sections საქაღალდეში ფაილების მოსაძებნად შეიყვანე ./sections files to include ველში.

ასევე შეგიძლია ძიება კონკრეტულ საქაღალდეში ფაილების დირექტორიის ხედიდან. დააწკაპუნე საქაღალდეზე მარჯვენა ღილაკით და შემდეგ აირჩიე მოძებნა საქაღალდეში... ჩამოსაშლელი მენიუდან.

თემის ფაილების მართვა

თემის კოდში ფაილების მართვა შეგიძლია. შეგიძლია წაშალო ფაილები, დაამატო ახალი ფაილები, გადაარქვა სახელი და აღადგინო მოდიფიცირებული არსებული კოდის ფაილები მათი ქრონოლოგიის ხედიდან, როდესაც წინა ვერსია ხელმისაწვდომია. assets საქაღალდეში არსებულ აქტივების ფაილებს, როგორიცაა სურათები, CSS, JavaScript და შრიფტები, ქრონოლოგიის ისტორია არ გააჩნია.

თემის ფაილის გახსნა

თემის ფაილის გასახსნელად, დააწკაპუნე საქაღალდეზე და შემდეგ დააწკაპუნე ფაილის სახელზე ექსპლორერიდან. ფაილების მოძებნა ასევე შეგიძლია სახელით ან გაფართოებით და შემდეგ ფაილის გახსნა.

ნაბიჯები:

1. შენი Shopify-ს ადმინიდან გადადი განყოფილებაში ონლაინ მაღაზია.

2. დააწკაპუნე ღილაკს > კოდის რედაქტირება.

3. გამოიყენე ⌘ + P Mac-ზე ან Ctrl + P Windows-ზე.

4. შეიყვანე ფაილის სახელი საძიებო ველში და აირჩიე ფაილი, ან აირჩიე ფაილი ახლახან გახსნილი სიიდან.

თემის ახალი ფაილის დამატება

ფაილის დასამატებლად აირჩიე საქაღალდე, დააწკაპუნე ხატულაზე ახალი ფაილი და შემდეგ შეიყვანე ფაილის სახელი და ფაილის გაფართოება.

ფაილის სახელები შეიძლება შეიცავდეს სიმბოლოებს A-Z, 0-9 და არ უნდა შეიცავდეს ინტერვალებს. გამოყავი სიტყვები ტირეებით ან ქვედა ტირეებით. ფაილის გაფართოება განისაზღვრება წერტილით . და გაფართოების ტიპით. მაგალითად, .liquid ან .css.

ნაბიჯები:

1. შენი Shopify-ს ადმინიდან გადადი განყოფილებაში ონლაინ მაღაზია.

2. დააწკაპუნე ღილაკს > კოდის რედაქტირება.

3. დააწკაპუნე საქაღალდეს, რომელშიც გინდა ახალი ფაილის დამატება.

4. დააწკაპუნე საქაღალდის სახელზე მარჯვენა ღილაკით და აირჩიე ახალი ფაილი... ჩამოსაშლელი მენიუდან.

5. შეიყვანე ფაილის ახალი სახელი.

6. დააჭირე კლავიატურაზე Enter-ს.

ახალი აქტივის ატვირთვა

შეგიძლია ატვირთო ახალი აქტივი, მაგალითად, ხატულა ან სურათის ფაილი, კოდის რედაქტორის assets საქაღალდეში.

ნაბიჯები:

1. შენი Shopify-ს ადმინიდან გადადი განყოფილებაში ონლაინ მაღაზია.

2. დააწკაპუნე ღილაკს > კოდის რედაქტირება.

3. დააწკაპუნე მარჯვენა ღილაკით assets საქაღალდეზე.

4. დააწკაპუნე ატვირთვა...-ს.

5. აირჩიე ფაილი, რომლის ატვირთვაც გსურს.

6. დააწკაპუნე Open-ს.

თემის ფაილისთვის სახელის გადარქმევა

სახელის გადასარქმევად, შეგიძლია დააწკაპუნო ფაილზე მარჯვენა ღილაკით. დარწმუნდი, რომ არ შეცვლი ან არ წაშლი ფაილის გაფართოებას. ფაილის გაფართოება განისაზღვრება წერტილით . და გაფართოების ტიპით. მაგალითად, .liquid ან .css. ფაილის სახელები შეიძლება შეიცავდეს სიმბოლოებს A-Z, 0-9 და არ უნდა შეიცავდეს ინტერვალებს. გამოყავი სიტყვები ტირეებით ან ქვედა ტირეებით. თუ ფაილის სახელი არავალიდურია, მაშინ ფაილის ახალი სახელი არ შეინახება.

ნაბიჯები:

1. შენი Shopify-ს ადმინიდან გადადი განყოფილებაში ონლაინ მაღაზია.

2. დააწკაპუნე ღილაკს > კოდის რედაქტირება.

3. დააწკაპუნე ფაილზე მარჯვენა ღილაკით და აირჩიე სახელის გადარქმევა... ჩამოსაშლელი მენიუდან.

4. შეიყვანე ფაილის ახალი სახელი.

5. დააჭირე კლავიატურაზე Enter-ს.

თემის ფაილის წაშლა

გაფრთხილება

თემის ფაილის წაშლამ შეიძლება შენი თემა დააზიანოს. ნებისმიერი ფაილის წაშლამდე, დარწმუნდი, რომ შექმენი შენი თემის ასლი.

შენს თემაში ნებისმიერი ფაილის წაშლა შეგიძლია. წაშლილი თემის ფაილების აღდგენა შეუძლებელია.

ნაბიჯები:

1. შენი Shopify-ს ადმინიდან გადადი განყოფილებაში ონლაინ მაღაზია.

2. დააწკაპუნე ღილაკს > კოდის რედაქტირება.

3. დააწკაპუნე ფაილზე მარჯვენა ღილაკით და აირჩიე სამუდამოდ წაშლა ჩამოსაშლელი მენიუდან.

4. დააწკაპუნე Delete-ს.