Отстраняване на неизправности в темата на Вашия онлайн магазин

Изображенията може да се показват по различен начин от очакваното, но това може да се дължи на факта, че самото изображение не е съвместимо с начина, по който го използвате в темата си. Проверете дали размерите на изображението, което използвате, са правилни. Прегледайте следния списък с често срещани проблеми с показването, които могат да възникнат при качване на несъвместимо изображение:

• Ако заглавката Ви се показва по-голяма, а изображението на логото – по-малко от очакваното, това може да се дължи на празно пространство във файла с изображението. То може да доведе до по-малко показване на логото и по-голямо показване на заглавката. Редактирайте файла с изображението, за да проверите дали е изрязано около логото и няма празно пространство.
• Ако изображението на слайдшоуто Ви се изрязва, това е умишлено, за да се гарантира, че изображенията се показват по един и същ начин на мобилни устройства и на настолни компютри. Тъй като съдържанието се показва много по-малко на мобилен екран, много детайли могат да бъдат загубени при смаляване. Вместо това съдържанието се изрязва, за да се гарантира, че детайлите няма да бъдат загубени. Портретното изображение, което е по-високо, отколкото широко, също може да заема значително място на настолен компютър. Ето защо изображенията за слайдшоу имат максимална височина. Можете да добавите точка на фокусиране към изображенията на слайдшоуто си, за да се уверите, че точката на фокусиране винаги е в центъра на изображението.

  Опция за адаптивна височина: Много теми на Shopify включват настройка за адаптивна височина за слайдшоута, която регулира височината на слайдшоуто, така че да съответства на първия слайд с изображение, като намалява изрязването при различните размери на екрана. Тази функция е налична във всички поддържани в момента теми, разработени от Shoify.

• Ако GIF изображение не се показва правилно и е добавено към витрината Ви с текстовия редактор с възможности за форматиране, например в описанието на продукта или в публикация в блога, тогава това може да се дължи на размера на изображението. Можете да коригирате това, като кликнете върху GIF изображението в текстовия редактор с възможности за форматиране и след това кликнете върху „Редактиране на изображение“. В падащото меню „Размер на изображението“ изберете „Оригинален“. След това можете да преоразмерите GIF изображението, като кликнете и плъзнете ъглите на изображението навътре, за да го направите по-малко, или навън, за да го направите по-голямо.
• Ако изображенията Ви във витрината имат значителна промяна в цвета спрямо оригиналното изображение, тогава е възможно те да не са в стандартните цветове червено, зелено, синьо (sRBG). За да коригирате тази промяна, запазете файла си в приложение за редактиране на снимки като sRBG. Често срещаните термини за това са „Оптимизиране за уеб“, „Регулиране на изображението за уеб“ или „Запазване за уеб“. Научете повече за цветните профили.
• Ако изображенията на продуктите Ви на страниците на колекциите не са подравнени, тогава може да се наложи да коригирате съотношението на страните във файловете с изображения на продуктите, така че да имат еднакво съотношение височина/ширина, и след това да качите отново изображението на продукта. Можете също да използвате приложение за редактиране на изображения от Shopify App Store.

Прегледайте следните проблеми за Вашия конкретен случай и стъпките, които ще Ви помогнат да отстраните неизправностите:

• Липсващи продукти: Ако Вашите продукти липсват във витрината, може да се наложи да прегледате Статус и Вашите Канали за продажба в секция Публикуване на продукта в своя администраторски панел на Shopify. Уверете се, че статусът на продукта е Активен и че продуктът е наличен за канала Онлайн магазин.
• Липсващи колекции: Ако колекциите Ви липсват от витрината, може да се наложи да прегледате „Канали за продажби“ в секция „Публикуване“ на колекцията в администраторския панел на Shopify. Проверете дали колекцията е налична за „Онлайн магазин“ и дали е добавена към Вашите менюта.
• Колекциите се показват, но липсват продукти: Ако колекциите Ви се показват, но липсват продукти, може да се наложи да прегледате филтрите за тагове за колекцията в настройките на Менюта. Проверете дали в полето „Филтриране на колекция с тагове“ няма тагове, които може да са причина продуктите да не се показват.
• Неправилна валута: Ако валутата не се показва правилно за продуктите или в колекциите Ви, може да прегледате „Показване на валута“ в секция „Стойности по подразбиране за магазина“ в Настройки > Основни, за да проверите дали няма допълнителен код. Научете повече за форматирането на начина, по който валутата се показва на клиентите Ви.
• Някои продукти се показват по различен начин: Ако някои продукти или колекции се показват по различен начин от останалите, прегледайте шаблона на темата, присвоен на продуктите или колекциите във Вашия администраторски панел на Shopify.
• Не могат да се редактират шаблони за продукт или колекция: Ако шаблоните по подразбиране за продукт или колекция са сиви и не могат да бъдат избрани в редактора на теми, трябва да направите поне 1 продукт или колекция достъпни за канала за продажби „Онлайн магазин“. Не можете да редактирате тези шаблони по подразбиране, без да имате налични продукти или колекции за предварителен преглед на промените. Научете повече за промяна на достъпността на колекция и настройване на достъпността на продукт във Вашите канали за продажби.

Ако преведеното Ви съдържание не се показва правилно или липсва от витрината Ви, тогава може да има остарели или липсващи преводи за съдържанието. Съдържанието може също да бъде в конкретен шаблон за даден пазар. Винаги, когато добавяте ново съдържание на езика си по подразбиране, не забравяйте да стартирате отново автоматичния превод или ръчно да добавите нови преводи.

За преведеното съдържание могат да се прилагат следните статуси:

• Преведено: Съдържанието има налични преводи.
• Остаряло: Съдържанието на езика по подразбиране е актуализирано, но преводите не отразяват актуализациите.
• Непреведено: Няма преводи за този тип съдържание.

Когато преглеждате преведеното си съдържание, актуализирайте всяко непреведено или остаряло съдържание и след това преведеното Ви съдържание би трябвало да се показва правилно.

Научете повече за превода и локализацията на Вашия магазин.

Ако витрината и редакторът на теми не показват една и съща информация, прегледайте шаблона на темата, който редактирате. Може да се наложи да направите редакции, за да актуализирате шаблоните си за тема, така че да показват правилната информация.

Пазарните замествания Ви позволяват да създавате различни витрини за различните пазари и да показвате преведено съдържание. Възможно е по невнимание да сте работили в рамките на определен пазар или B2B, докато сте правили актуализации. Намерете съдържанието с помощта на падащото меню „Пазар“ във Вашия редактор на теми, за да се уверите, че е на правилните пазари.

Научете повече за пазарните замествания.

Всички теми, налични в магазина за теми на Shopify, са адаптивни теми, което означава, че темата се адаптира към размера на екрана. В редактора на теми можете да превключвате изгледа на размера на екрана по време на редактирането на темата, за да проверите дали Вашите страници и изображения се показват правилно. Научете повече за преглед на различни размери на екрана в редактора на теми.

Много от секциите и блоковете имат мобилни настройки, които можете да персонализирате. Например можете да зададете „Брой колони на мобилно устройство“ в секцията „Свързани продукти“. Можете да прегледате настройките на секциите, свързани с мобилни устройства за всеки шаблон, за да отстраните всякакви проблеми с показването на екрани на мобилни устройства.

Някои функции на темата може да се показват по различен начин на мобилни устройства, отколкото на настолни компютри, за да се гарантира, че темата е достъпна за всички размери на екрана. Например на настолен компютър Вашето слайдшоу може да има наслагване на текст, при което текстът се показва върху изображението, често с непрозрачност на цвета на изображението или сянка на текста. Въпреки това, при размери на екрана на мобилни устройства, текстът може да се показва под слайдшоуто. Това е функция за достъпност по дизайн, така че текстът да е четим на всякакъв размер на екрана. Ако вместо това текстът беше наслагване, тогава той щеше да се показва много малък на мобилно устройство, което ще го направи трудно за четене.

Ако Вашата секция с представена колекция или страниците на колекциите показват непоследователни размери или не се подравняват при разглеждане на витрината на мобилно устройство, тогава това може да се дължи на непоследователни съотношения на страните. Мрежите от изображения, като например изображения на продукти, които се показват в рамките на колекция или представена колекция, са създадени да бъдат адаптивни за размера на екрана. Ако имате непоследователни съотношения на страните на Вашите изображения в мрежата от изображения, тогава те може да се показват по различен начин в зависимост от размера на екрана. Квадратните изображения на продукти с размери 2048 на 2048 px обикновено работят най-добре в продуктовите мрежи. Актуализирайте изображенията си, за да имат последователно съотношение на страните за оптимизация на всички размери на екрана. Научете повече за съотношението на страните на изображението.

Понякога HTML кодът, добавен във Вашия текстов редактор с възможности за форматиране, е в конфликт с кода на Вашата тема. Ако проблемът се проявява на една-единствена страница, като например страница на продукт, обикновена страница или публикация в блог, тогава причината може да е в допълнителен HTML. Това понякога може да се получи при копиране и поставяне на текст от друг сайт.

Преглед на HTML кода

Можете да прегледате HTML кода в текстовия редактор с възможности за форматиране.

Стъпки:

1. Навигирайте до страницата във Вашия администраторски панел.
2. Натиснете бутона „Показване на HTML“, за да прегледате HTML кода.
3. Намерете HTML кода, който може да причини проблеми с показването, и го премахнете.
4. Натиснете „Запази“.

Изчистване на форматирането

Можете да маркирате част от текста и да изчистите HTML форматирането.

Стъпки:

1. Навигирайте до страницата във Вашия администраторски панел.
2. Маркирайте текста с проблеми с форматирането.
3. Натиснете бутона „🚫“.
4. Натиснете „Запази“.

Научете повече за текстовия редактор с възможности за форматиране.

Ако витрината Ви включва код, който пренасочва потребителите към URL адреси, които не са свързани с Вашия магазин, тогава проверете дали пренасочването е деактивирано, когато посещавате редактора на теми.

Например този тип пренасочване може да бъде добавен към витрина, за да насочва клиентите към различни магазини в Shopify в зависимост от тяхното местоположение. Този тип код за пренасочване може да съществува или във Вашата тема, или в приложение, което сте инсталирали.

За да проверите дали пренасочването не пречи на работата в редактора, използвайте препратка към променливата window.Shopify.designMode в JavaScript, за да деактивирате пренасочването, когато посещавате редактора на теми. Тази променлива е настроена на true, когато витрината се зарежда в редактора, и на false, когато не се зарежда.

Ако имате сгъваеми блокове или други тематични блокове, показващи едно и също съдържание на всички продуктови страници, тогава трябва да настроите динамични източници с метаполета. Това често се случва, когато търговците добавят специфична за продукта информация, като например съставки или инструкции за грижа, към един продукт, но тя се показва на всички продукти.

Сгъваемите блокове показват един и същ текст на всички продукти

Когато добавяте съдържание директно към сгъваем блок във Вашия редактор на теми, това съдържание се показва на всички страници на продукта. За да покажете съдържание, специфично за продукта, трябва да използвате динамични източници с метаполета:

1. Във Вашия администраторски панел на Shopify отидете на „Настройки“ > „Метаполета“ > „Продукти“.
2. Натиснете „Добавяне на дефиниция“.
3. Въведете „Име“ за Вашето метаполе, след което натиснете „Избор на тип съдържание“.
4. Изберете „Текст“ и „Многоредов текст“.
5. Натиснете „Запази“.
6. Отидете на страница на продукт във Вашия администраторски панел и превъртете до секцията с метаполета в долната част на страницата.
7. Добавете Вашето специфично за продукта съдържание в метаполето, което сте създали.
8. Във Вашия редактор на теми отидете на шаблона на продукта и намерете Вашата секция „Сгъваем ред“.
9. В настройката „Съдържание на ред“ натиснете бутона .
10. Изберете Вашето метаполе от наличните опции.
11. Запазете промените си.

Сега всеки продукт ще показва собствено съдържание, когато метаполето е попълнено, и няма да се показва съдържание, ако метаполето за този продукт е празно.

Научете повече за показването на метаполета във Вашия онлайн магазин и използването на метаполета и метаобекти с динамични източници.

Ако има синтактична грешка в кода на Вашата тема, тогава във Вашия редактор на теми се показва предупредително съобщение „Открита е HTML грешка“ или „Грешка в темата“. Съобщението за грешка показва Liquid файла, който съдържа грешката.

Предупредително съобщение „Темата, която търсите, не може да бъде намерена“ може да се покаже, когато има невалиден HTML. Страница може да не успее да се зареди в редактора на теми по много причини, като например следните:

• проблеми с мрежовата връзка
• невалиден Liquid код във Вашата тема

Можете да намерите промените в кода на Вашата тема и да коригирате кода. Ако успеете да установите кой е засегнатият съществуващ файл, тогава можете да го възстановите до налична предишна версия от изгледа Хронология в редактора на код.

Стъпки:

1. Натиснете върху файла на секцията .liquid, който е свързан в съобщението за грешка, или прегледайте файловете за скорошни промени. Това ще Ви отведе до страницата „Редактиране на HTML/Cascading Style Sheets (CSS)“ и файлът ще се отвори в редактора на код.
2. Прегледайте кода във файла и се опитайте да намерите невалиден HTML или Liquid. Редакторът на код показва потенциални синтактични грешки в червено. Често срещаните проблеми включват следното:
   • Допълнителни затварящи HTML тагове, например затварящ </div> без отварящ <div>
   • Допълнителни незатворени HTML тагове, например отварящ <div> без затварящ </div>
   • Неправилно форматирани HTML тагове, например <div class="my-class" без >
   • Неправилно форматиран Liquid код
   • Неправилен HTML код във включен файл с фрагмент от тема
3. След като откриете проблема, коригирайте кода във файла на Вашата тема. Ако използвате изгледа Хронология в редактора на код, за да изберете предишна версия и Възстановяване на съдържанието, цялото съдържание на файла ще бъде заменено. Копирайте текущото му съдържание на сигурно място предварително, в случай че искате да запазите някои от промените.
4. Натиснете „Запази“.
5. Натиснете Редактиране на тема, за да се върнете в редактора на теми, и потвърдете, че съобщението за грешка е изчезнало.
6. Отидете на витрината си, за да проверите дали се показва според очакванията.

Грешка „Превишен е максималният брой уникални потребителски идентификатори“

Ако на началната Ви страница се покаже съобщение за грешка в Liquid като „Exceeded maximum number of unique handles for all_products“, това обикновено означава, че сте добавили твърде много секции с избрани продукти към нея (обикновено повече от 20 секции в повечето теми).

За да разрешите това:

1. В администраторския панел на Shopify отидете на Онлайн магазин > Теми.
2. Намерете текущата си тема и натиснете Редактиране на тема.
3. Отидете на началната си страница.
4. Премахнете някои секции „Представен продукт“, за да спазите ограниченията на темата.
5. Вместо това обмислете използването на секции „Представена колекция“, които могат да показват множество продукти по-ефективно и да подобрят ефективността на магазина Ви.

Иконите за плащане обикновено са включени по подразбиране в долните колонтитули на повечето теми, за да покажат на клиентите кои начини на плащане приемате. Ако иконите за плащане не се показват в долния колонтитул на темата Ви, можете да проверите следното:

1. В редактора на теми отидете в секция Долен колонтитул и проверете дали настройката Показване на икони за плащане е активирана.
2. В администраторския панел на Shopify отидете на Настройки > Плащания и проверете дали има поне един активен начин на плащане. Някои начини на плащане може да изискват завършване на настройката на акаунта, преди иконите им да се покажат.
3. Ако използвате платежен шлюз на трета страна, иконите за плащане може да не се показват поради ограничения на платформата.

Ако сте проверили тези настройки и иконите за плащане все още не се показват, може да се наложи да получите поддръжка за темата си.