Използване на текстовия редактор с възможности за форматиране за съдържание
Можете да използвате текстовия редактор с възможности за форматиране на Shopify, за да форматирате и стилизирате съдържанието, което се показва във Вашия онлайн магазин.
На тази страница
- Къде да използвате текстовия редактор с възможности за форматиране
- Добавяне на HTML съдържание с текстовия редактор с възможности за форматиране
- Форматиране на текст с текстовия редактор с възможности за форматиране
- Изчистване на форматирането в текстовия редактор с възможности за форматиране
- Вмъкване на таблици с текстовия редактор с възможности за форматиране
- Вмъкване на връзки с текстовия редактор с възможности за форматиране
- Добавяне на вътрешни и външни връзки с текстовия редактор с възможности за форматиране
- Свързване към файл в съдържанието на страницата
- Вмъкване на изображения с текстовия редактор с възможности за форматиране
- Преместване и преоразмеряване на изображение в текстовия редактор с възможности за форматиране
- Редактиране на изображение в текстовия редактор с възможности за форматиране
- Вмъкване на видеоклипове с текстовия редактор с възможности за форматиране
- Вмъкване на аудио файлове с текстовия редактор с възможности за форматиране
- Добавяне или премахване на вътрешни коментари в текстовия редактор с възможности за форматиране
- Информация за текстовия редактор с възможности за форматиране
- Отстраняване на неизправности в текстовия редактор с възможности за форматиране
Къде да използвате текстовия редактор с възможности за форматиране
Можете да използвате текстовия редактор с възможности за форматиране, за да добавяте или редактирате текст на няколко места във Вашия магазин:
Ако използвате съвместима тема, тогава можете да добавяте секции с текст с форматиране към Вашите страници или шаблони с помощта на редактора на теми.
Добавяне на HTML съдържание с текстовия редактор с възможности за форматиране
Можете да въвеждате HTML съдържание за Вашите публикации в блога, страници, описания на продукти и описания на колекции с текстовия редактор с възможности за форматиране.
Щракнете върху бутона , за да видите HTML кода за съдържанието в текстовия редактор с възможности за форматиране.
В изгледа на HTML можете да правите много промени в съдържанието в текстовия редактор с възможности за форматиране. Можете да добавяте изображения, видеоклипове или таблици с помощта на HTML, както и да отстранявате грешки или да прецизирате оформлението и стила на съдържанието.
Вграждане на мултимедиен уиджет
Ако искате да вградите уиджет за видео или музика, първо трябва да го хоствате в услуга като Youtube, Vimeo или SoundCloud. Тези услуги генерират код за вграждане, който можете да копирате и поставите в текстовия редактор с възможности за форматиране във Вашия администраторски панел на Shopify.
Стъпки:
- Намерете кода за вграждане за мултимедията, която искате да вградите.
- Изберете целия код за вграждане, като щракнете върху него и натиснете
ctrl+Aна компютър с Windows илиcommand+Aна Mac. - Копирайте кода за вграждане, като натиснете
ctrl+Cна компютър с Windows илиcommand+Cна Mac. - Във Вашия администраторски панел на Shopify щракнете върху бутона Показване на HTML в текстовия редактор с възможности за форматиране за съдържанието, което редактирате.
- Поставете кода за вграждане, като натиснете
ctrl+Vна компютър с Windows илиcommand+Vна Mac. - Щракнете върху Запазване.
Форматиране на текст с текстовия редактор с възможности за форматиране
С бутона Форматиране можете бързо да създавате параграфи, заглавия или блокови цитати. Използването на правилното форматиране и нива на заглавията помага на хората и търсещите машини да четат съдържанието на Вашия уебсайт.
За да изберете формат за текст, маркирайте текста и след това щракнете върху бутона Форматиране.
Опции за форматиране
Параграф
По-голямата част от текстовото съдържание на Вашия уебсайт е под формата на параграфи. Текстът на параграфа обикновено е с размер на шрифта 10–12 pt, но някои теми използват различни размери на шрифта.
Заглавие (1-6)
Заглавията се използват за структуриране на съдържанието. Има 6 нива на заглавия. Заглавие 1 е най-важното ниво, а Заглавие 6 е най-маловажното.
Блоков цитат
Блоковият цитат се използва за показване на текст, който се приписва на някой друг, като например цитат или откъс от книга или уебсайт.
Получер текст
За да направите текста получер, маркирайте го и щракнете върху бутона Получер.
Текст в курсив
За да направите текста в курсив, маркирайте го и щракнете върху бутона Курсив.
Подчертан текст
За да подчертаете текст, маркирайте го и щракнете върху бутона Подчертаване.
Създаване на списък с водещи символи
За да създадете списък с водещи символи, кликнете върху бутона „Списък с водещи символи“.
Можете да въведете текст, за да създадете първия елемент от списъка с водещи символи. За да създадете нови елементи в списъка, натиснете клавиша enter или return. За да завършите списъка, натиснете клавиша enter или return два пъти.
Създаване на номериран списък
За да създадете номериран списък, кликнете върху бутона „Номериран списък“.
Можете да въведете текст, за да създадете първите елементи от номерирания списък. За да създадете нови елементи в списъка, натиснете клавиша enter или return. За да завършите списъка, натиснете клавиша enter или return два пъти.
Добавяне на отстъп към текст
Добавянето на отстъп към абзац създава поле от лявата му страна. За да добавите отстъп към абзац, кликнете върху бутона „Добавяне на отстъп“.
Премахване на отстъп от текст
Премахването на отстъп от абзац премахва всички добавени полета. За да премахнете отстъп или да направите „издаване“ на абзац, кликнете върху бутона „Премахване на отстъп“.
Подравняване на текст
За да подравните текст, изберете го, кликнете върху бутона „Подравняване“ и изберете „Подравняване вляво“, „Центриране“ или „Подравняване вдясно“.
Промяна на цвета на текста
- Маркирайте текста и кликнете върху бутона „Цвят“.
- Кликнете върху цвят или въведете шестнадесетичен код, за да промените цвета на маркирания текст на този цвят.
Промяна на цвета на фона на текста
- Маркирайте текста и кликнете върху бутона „Цвят“.
- Кликнете върху раздела „Фон“.
- Кликнете върху цвят или въведете шестнадесетичен код, за да промените фона на маркирания текст на този цвят.
Изчистване на форматирането в текстовия редактор с възможности за форматиране
За да премахнете форматирането от текст или изображения, маркирайте съдържанието и след това кликнете върху бутона „Изчистване на форматирането“.
Вмъкване на таблици с текстовия редактор с възможности за форматиране
Можете да вмъквате таблици във Вашите публикации в блога, страници, описания на продукти и описания на колекции с текстовия редактор с възможности за форматиране. Можете да поставяте текст, изображения или дори видеоклипове в таблица, след като я създадете.
Стъпки:
- В текстовия редактор с възможности за форматиране кликнете върху бутона „Вмъкване на таблица“.
- Кликнете върху „Вмъкване на таблица“, за да вмъкнете таблица. Това създава таблица с един ред и една колона.
След като създадете таблица, кликнете отново върху бутона „Вмъкване на таблица“, за да промените редовете и колоните на таблицата:
- Вмъкване на ред отгоре: Поставете курсора си в ред и кликнете върху този бутон, за да вмъкнете нов ред отгоре.
- Вмъкване на ред отдолу: Поставете курсора си в ред и кликнете върху този бутон, за да вмъкнете нов ред отдолу.
- Вмъкване на колона преди: Поставете курсора си в колона и кликнете върху този бутон, за да вмъкнете нова колона преди нея.
- Вмъкване на колона след: Поставете курсора си в колона и кликнете върху този бутон, за да вмъкнете нова колона след нея.
- Изтриване на ред: Поставете курсора си в ред, който искате да изтриете, и след това кликнете върху този бутон.
- Изтриване на колона: Поставете курсора си в колона, която искате да изтриете, и след това кликнете върху този бутон.
- Изтриване на таблица: Поставете курсора си където и да е в таблицата и след това кликнете върху този бутон, за да изтриете цялата таблица.
Вмъкване на връзки с текстовия редактор с възможности за форматиране
Можете да вмъквате връзки (хипервръзки) в публикации в блога, страници, описания на продукти и описания на колекции с текстовия редактор с възможности за форматиране. Можете да добавяте връзки, които насочват клиентите към страници във Вашия онлайн магазин в Shopify и към други уебсайтове. Можете също да добавяте връзки, които отварят имейл съобщения или осъществяват телефонни обаждания, за да помогнете на клиентите да се свържат с Вас.
Стъпки:
- Маркирайте текста или изображението, които искате да превърнете във връзка.
- Кликнете върху „Вмъкване на връзка“.
- Въведете URL адреса на дестинацията за връзката в полето Връзка към :
- За да създадете връзка към външен уебсайт, който е извън Вашия магазин в Shopify, въведете
https://, последвано от уеб адреса, напримерhttps://www.example.com. - За да създадете връзка към страница във Вашия онлайн магазин в Shopify, въведете краткия URL адрес, например
/collections/summer-collection. - За да създадете връзка, която отваря имейл съобщение, въведете
mailto:, последвано от имейл адреса, напримерmailto:example@example.com. - За да създадете връзка, която осъществява телефонно обаждане, въведете
tel:, последвано от телефонния номер, напримерtel:+0-123-456-7890.
- За да създадете връзка към външен уебсайт, който е извън Вашия магазин в Shopify, въведете
- Въведете кратко описание на връзката в полето „Заглавие на връзката“.
- Изберете как да се отвори връзката от менюто Отваряне на тази връзка в :
- в същия прозорец: Връзката ще се отвори в съществуващия раздел или прозорец на браузъра на потребителя.
- в нов прозорец: Връзката ще се отвори в нов раздел или прозорец на браузъра.
- Кликнете върху „Вмъкване на връзка“, за да преобразувате маркирания текст във връзка.
Добавяне на вътрешни и външни връзки с текстовия редактор с възможности за форматиране
Връзките към страници във Вашия магазин в Shopify се наричат вътрешни връзки. Можете да използвате кратки URL адреси, за да създавате вътрешни връзки. Например URL адресът /collections ще сочи към страницата с колекции на Вашия магазин.
За да създадете връзка към конкретна страница на Вашия онлайн магазин, като например страница на колекция или на продукт, използвайте формата на URL адреса /page-type/page-handle. Например, за да създадете връзка към колекция, която сте създали, наречена Summer Collection, използвайте URL адреса /collections/summer-collection.
Връзките към уебсайтове, които са извън Вашия магазин в Shopify, се наричат външни връзки. Външните връзки трябва да бъдат въведени изцяло и да започват с http://.
Създаване на връзка към файл в съдържанието на страницата
След като качите файл, можете да създадете връзка към него в съдържанието в текстовия редактор с възможности за форматиране, за да го направите достъпен за изтегляне от описание на продукт или колекция, уеб страница или публикация в блога.
Стъпки:
Настолен компютър
От Вашия администраторски панел на Shopify отидете на Съдържание > Файлове.
Копирайте URL адреса на файла, към който искате да създадете връзка.
Във Вашия администраторски панел на Shopify кликнете върху продукта, колекцията, уеб страницата или публикацията в блога, където искате да добавите файла.
В текстовия редактор с възможности за форматиране въведете или изберете текст за връзката.
Изберете текста на връзката.
Кликнете върху „Вмъкване на връзка“
В полето „Връзка към“ поставете URL адреса на файла, към който искате да създадете връзка.
Кликнете върху „Вмъкване на връзка“. В текстовия редактор с възможности за форматиране свързаният текст се показва в синьо и е подчертан.
Мобилно устройство
От Shopify app докоснете иконата
.
В менюто „Съдържание“ докоснете иконата
, а след това докоснете „Файлове“.
Копирайте URL адреса на файла, към който искате да създадете връзка.
Във Вашия администраторски панел на Shopify докоснете продукта, колекцията, уеб страницата или публикацията в блога, където искате да добавите файла.
В текстовия редактор с възможности за форматиране въведете или изберете текст за връзката.
Изберете текста на връзката.
Докоснете „Вмъкване на връзка“
В полето „Връзка към“ поставете URL адреса на файла, към който искате да създадете връзка.
Докоснете „Вмъкване на връзка“. В текстовия редактор с възможности за форматиране свързаният текст се показва в синьо и е подчертан.
Вмъкване на изображения с текстовия редактор с възможности за форматиране
Има три начина да вмъкнете изображение с помощта на текстовия редактор с възможности за форматиране. Можете да:
- качвате изображения
- избирате от изображенията на Вашите продукти
- използвате публичен URL адрес на изображение.
Качване на изображения
Стъпки:
В текстовия редактор с възможности за форматиране кликнете върху бутона „Вмъкване на изображение“.
В диалоговия прозорец „Вмъкване на изображение“ кликнете върху раздела „Качени изображения“.
Кликнете върху „Качване на файл“.
Изберете файл с изображение във формат WebP, HEIC, SVG, GIF, JPEG или PNG от Вашия компютър.
Кликнете върху изображението, което сте качили, за да го изберете.
От менюто „Размер“ изберете размера за показване на изображението. Можете да изберете „Оригинален“, за да вмъкнете изображението, без да променяте размера му за показване.
Кликнете върху „Вмъкване на изображение“, за да поставите изображението в текстовия редактор с възможности за форматиране.
Избор от изображения на продукти
Стъпки:
В текстовия редактор с възможности за форматиране кликнете върху бутона „Вмъкване на изображение“.
В диалоговия прозорец „Вмъкване на изображение“ кликнете върху раздела „Изображения на продукти“.
Кликнете върху изображението, което искате да вмъкнете. Ако не можете да намерите мултимедията на продукта, която искате да вмъкнете, можете да използвате бутоните със стрелки, за да преглеждате различните страници.
От менюто „Размер“ изберете размера за показване на изображението. Можете да изберете „Оригинален“, за да вмъкнете изображението, без да променяте размера му за показване.
- Кликнете върху „Вмъкване на изображение“, за да поставите изображението на продукта в текстовия редактор с възможности за форматиране.
Използване на URL адрес на изображение
За да вмъкнете изображение с помощта на публичен URL адрес:
- В текстовия редактор с възможности за форматиране кликнете върху бутона „Вмъкване на изображение“.
- В диалоговия прозорец „Вмъкване на изображение“ кликнете върху раздела „URL“.
- Въведете публично достъпния URL адрес на Вашия файл с изображение.
- Кликнете върху „Вмъкване на изображение“, за да вмъкнете изображението в текстовия редактор с възможности за форматиране в оригиналния му размер.
Преместване и преоразмеряване на изображение в текстовия редактор с възможности за форматиране
След като добавите изображение в описание на продукт или колекция, уеб страница или блог, можете да го преместите на друго място в съдържанието.
Стъпки:
- Във Вашия администраторски панел на Shopify кликнете върху продукта, колекцията, уеб страницата или публикацията в блога, която включва изображението, което искате да преместите или преоразмерите.
- В текстовия редактор с възможности за форматиране кликнете върху изображението.
- Направете едно от следните неща:
- За да преместите изображението, кликнете и го плъзнете до друго място в полето „Съдържание“.
- За да преоразмерите изображението, кликнете и плъзнете един от ъглите.
- Щракнете върху Запазване.
Редактиране на изображение в текстовия редактор с възможности за форматиране
Можете да променяте размера, обтичането с текст и подравняването на изображение в текстовия редактор с възможности за форматиране. Можете също да редактирате URL адреса на изображението или да добавите/редактирате алтернативен текст на изображението.
Стъпки:
- Кликнете два пъти върху изображението в текстовия редактор с възможности за форматиране, за да отворите диалоговия прозорец „Редактиране на изображение“.
- Използвайте опциите за размер и подравняване, за да редактирате изображението:
- За да промените размера на изображението, изберете опция за размер.
- За да подобрите SEO и достъпността на Вашия онлайн магазин, добавете или редактирайте алтернативен текст на изображението.
- За да добавите разстояние, въведете броя на пикселите разстояние, което искате от всяка страна.
- За да промените подравняването на изображението, изберете от иконите, представящи ляво, централно или дясно подравняване.
- За да добавите обтичане с текст, отметнете „Обтичане на текста около изображението“.
- Кликнете върху „Редактиране на изображение“, за да запазите промените си.
Вмъкване на видеоклипове с текстовия редактор с възможности за форматиране
Можете да вмъквате или вграждате видеоклипове в публикации в блогове, страници, описания на продукти и описания на колекции с помощта на текстовия редактор с възможности за форматиране.
Ако искате да вградите видеоклип, който сте създали, първо трябва да го качите в сайт за видео стрийминг, като например YouTube или Vimeo.
YouTube не позволява деактивирането на свързани видеоклипове, но можете да посочите, че свързаните видеоклипове трябва да са от същия канал като този, който току-що е бил възпроизведен.
Стъпки:
- Копирайте URL адреса на видеоклипа, като натиснете
ctrl+Cна компютър с Windows илиcommand+Cна Mac.
- Посетете Embed Responsively. Embed Responsively е инструмент, който ще Ви предостави подобрен код за вграждане за Вашето видео.
- В Embed Responsively кликнете, за да изберете уебсайта с видео, където се намира Вашето видео.
- Поставете URL адреса на видеото, който сте копирали, в полето Page URL в Embed Responsively, като натиснете
ctrl+Vна PC илиcommand+Vна Mac. - Кликнете върху Embed. Embed Responsively ще създаде кода за вграждане за Вас.
- Ако видеото е от YouTube и искате да се показват само свързани видеоклипове от същия канал в YouTube, тогава намерете URL адреса на видеото в кода за вграждане. Копирайте и поставете
?rel=0в края, в кавичките. - Копирайте целия код в полето Embed code.
- В администраторския панел на Shopify кликнете върху бутона Insert video в текстовия редактор с възможности за форматиране.
- Поставете кода за вграждане в полето в диалоговия прозорец Insert video.
- Кликнете върху Insert video.
- Кликнете върху Запази, когато приключите, за да запазите промените си в артикула, който редактирате.
Вмъкване на аудио файлове с текстовия редактор с възможности за форматиране
Можете да използвате текстовия редактор с възможности за форматиране, за да вмъквате или вграждате аудио файлове в публикации в блог, страници, описания на продукти и описания на колекции.
Стъпки:
От Вашия администраторски панел на Shopify отидете на Съдържание > Файлове.
Кликнете върху Качване на файлове, за да качите аудио файла, който искате да вмъкнете или вградите в магазина си.
От секция Онлайн магазин отворете текстовия редактор с възможности за форматиране за страницата или публикацията в блога, в която искате да представите аудио файла.
Копирайте
<div id="player"><audio controls="controls">, след което поставете кода в текстовия редактор с възможности за форматиране, за да вградите аудио плейър на Вашата страница.Копирайте следния код:
<source src="https://cdn.shopify.com/s/files/1/0220/2378/files/example.mp3" type="audio/mpeg" /></div>
- Поставете този код във Вашия текстов редактор с възможности за форматиране след кода за аудио плейъра и след това заменете
https://cdn.shopify.com/s/files/1/0220/2378/files/example.mp3с URL адреса, който сте създали за своя аудио файл, когато сте го качили в Shopify. Можете да намерите URL адреса на аудио файла си по всяко време на страницата Файлове. - Щракнете върху Запазване.
- Кликнете върху Преглед, за да се уверите, че аудио файлът Ви се възпроизвежда правилно.
Добавяне или премахване на вътрешни коментари в текстовия редактор с възможности за форматиране
Можете да използвате тагове за коментари <!-- и --> за вътрешен текст, който не искате да публикувате в магазина си.
Стъпки:
- Във Вашия текстов редактор с възможности за форматиране кликнете върху бутона Show HTML.
- За да добавите вътрешен коментар, оградете текста, който искате да запазите скрит, с
<!--и-->. Например:<!--Вашият текст-->. - Щракнете върху Запазване.
HTML таговете, които са оградени в таговете за коментари, се запазват като вътрешен текст. За да работят правилно тези HTML тагове, трябва да премахнете таговете за коментари <!-- и --> около тях.
Разбиране на текстовия редактор с възможности за форматиране
Текстовият редактор с възможности за форматиране е интегриран с TinyMCE, мрежа за доставка на съдържание (CDN) от трета страна. Тази интеграция има няколко важни отражения:
- Ограничение на съдържанието: Има твърдо ограничение от 64 КВ за съдържанието, въведено в текстовия редактор с възможности за форматиране. Това се отнася за „Страници“, „Публикации в блогове“ и допълнителни скриптове.
- Санитизация на HTML: TinyMCE предоставя логика за филтриране на съдържание, която автоматично коригира форматирането на HTML, за да се предотвратят неизправности на витрината и рискове за сигурността. Въпреки че можете ръчно да редактирате HTML обратно в първоначалния му вид, препоръчително е да работите с тези автоматизирани промени, за да предотвратите потенциални проблеми.
Отстраняване на неизправности в текстовия редактор с възможности за форматиране
Ако имате проблеми с текстовия редактор с възможности за форматиране, прегледайте следните стъпки за отстраняване на неизправности и често срещани проблеми.
Отстраняване на проблеми с форматирането
Проблеми с форматирането на копирано съдържание
Текстът винаги наследява форматирането на редактора или уеб страницата, откъдето произхожда. Ако пишете съдържание в Microsoft Word и след това го копирате и поставите в текстовия редактор с възможности за форматиране, то запазва същия цвят, размер, отстъпи и разстояние, включително таговете <div>.
Винаги, когато е възможно, редактирайте и форматирайте съдържанието си директно в текстовия редактор с възможности за форматиране.
За по-сложни оформления на страници обмислете използването на приложения за изграждане на страници, като например Shogun Drag & Drop Page Builder.
Идентифициране на проблеми с форматирането
Най-честата причина за проблеми в текстовия редактор с възможности за форматиране идва от вградения стил или форматиране, което се прехвърля, когато копирате и поставите съдържание от друг източник.
Това може да се прояви по различни начини, но обикновено това е причината, когато има несъответствие между това, което се показва в администраторския панел на Shopify, и това, което се показва във Вашия активен магазин. Това включва неактуализиране на информация или различно показване на стила.
Отстраняване на проблеми с форматирането
Има два начина да проверите дали проблемите с форматирането са причината за проблема: като използвате бутона Изчистване на форматирането или като прекарате съдържанието на текстовия редактор с възможности за форматиране през инструмент за премахване на HTML.
За да тествате, създайте дубликат на продукта или страницата, където е налице проблемът, и след това извършете един от следните два теста върху дубликата.
Тест 1: Изчистване на форматирането
- Маркирайте цялото съдържание в текстовия редактор с възможности за форматиране.
- Кликнете върху бутона Изчистване на форматирането.
- Кликнете върху Запази и тествайте.
Тест 2: Инструмент за премахване на HTML
- Копирайте цялото съдържание от текстовия редактор с възможности за форматиране.
- Поставете го в инструмент за премахване на HTML, като например striphtml.com.
- Копирайте цялото изчистено съдържание.
- Поставете го обратно в текстовия редактор с възможности за форматиране, като замените оригиналното съдържание.
- Кликнете върху Запази и тествайте.
Ако някоя от тези стъпки реши проблема, тогава проблемът произтича от форматирането, което е било прехвърлено, когато съдържанието е било първоначално добавено в текстовия редактор с възможности за форматиране. Можете да използвате същите методи, за да коригирате оригиналното съдържание.
Отстраняване на проблеми с неправилно подравнен код на изображение
Ако имате затруднения с правилното подравняване на текст до изображение, когато използвате опцията за обвиване, тогава може да се наложи да преместите кода, така че тагът на изображението да се показва в началото на параграфа, а не в средата му.
- Натиснете бутона „Edit code“ в текстовия редактор с възможности за форматиране.
- Намерете кода на изображението и преместете целия таг
<img>в началото на параграфа, извън таговете за параграф<p>. - Премахнете всички тагове
<span>в следващите параграфи под изображението. - Натиснете Запази.
Пример за неправилно подравнен код на изображение:
<p style="float: left;"><br/><img alt="" src="your image link" style="float: left; margin-right: 20px;">This 22x34 special purchase frame...</p>
Коригиран код:
<img alt="" src="your image link" style="margin-right: 20px; float: left;">
<p>This 22x34 special purchase frame...</p>
Отстраняване на неизправности с неработещи връзки mailto
Ако връзките mailto: не работят (зареждат празна страница или не отварят имейл клиент), тогава проверете дали връзката следва тази структура:
mailto:email@example.com
Ако съответства на горния формат и все още не работи според очакванията, тогава може да е проблем с настройките на браузъра или имейл клиента. Проверете настройките на своя браузър и имейл клиент, за да се уверите, че са конфигурирани да обработват правилно връзките mailto:.
Отстраняване на проблеми с преоразмерени изображения, които възвръщат първоначалния си размер
Когато вмъквате изображения в страница, генерираният HTML включва както параметър src, така и параметър data-mce-src. Ако двата не съвпадат, в крайна сметка src се актуализира, за да съответства на data-mce-src.
Въпреки това, когато преоразмерявате изображение с помощта на текстовия редактор с възможности за форматиране, само src се актуализира, оставяйки data-mce-src като URL адрес на оригиналния размер. След още няколко кликвания src се връща обратно към URL адреса на data-mce-src.
За да избегнете това, ръчно актуализирайте URL адреса на data-mce-src, за да съответства на желания от Вас размер на изображението:
- Натиснете бутона „Edit code“ в текстовия редактор с възможности за форматиране.
- Намерете тага на изображението, което сте преоразмерили.
- Намерете параметрите
srcиdata-mce-src. - Актуализирайте URL адреса на
data-mce-src, за да съответства на URL адреса наsrc. - Натиснете Запази.
Отстраняване на неизправности с автоматични промени в HTML (санитизация)
Може да забележите, че когато правите промени в текстовия редактор с възможности за форматиране, съответният HTML се променя автоматично.
Защо се случва това?
Текстовият редактор с възможности за форматиране на Shopify е интегриран с TinyMCE – мрежа за доставка на съдържание (CDN) от трета страна. Тази CDN предоставя обширна и надеждна логика за филтриране на съдържание, която автоматично коригира форматирането на HTML редове, които може да не функционират правилно във витрината или да я изложат на рискове за сигурността. Този процес се нарича санитизация на HTML.
Какво трябва да направя?
Въпреки че можете да заобиколите логиката за филтриране на съдържание, като ръчно редактирате своя HTML обратно до предишното му състояние, препоръчително е да се придържате към автоматизираните промени. Тези автоматични корекции са очаквано поведение и служат на важната цел да предотвратят промени във Вашата витрина, които биха могли да доведат до проблеми.
Ако се опитвате да постигнете конкретни цели, като пишете HTML, който CDN се опитва да коригира, тогава обмислете дали има по-подходящи начини за постигане на тези цели, като например извършване на промени в кода на Вашата тема, които поддържат очакваното HTML форматиране.
Отстраняване на неизправности с връзки, които пренасочват клиентите извън избрания от тях пазар
Ако използвате Shopify Markets с подпапки и приложението Geolocation, тогава връзките в описанията на продукти, публикациите в блогове, страниците и описанията на колекции може да пренасочат клиентите към Вашия основен домейн, вместо да ги задържат в избрания от тях регион.
Защо се случва това?
Текстовият редактор с възможности за форматиране поддържа както директни връзки (пълни URL адреси), така и вътрешни връзки (кратки URL адреси). Ако използвате директна връзка, която включва пълния URL адрес (например https://yourstore.com/collections/summer), тогава клиентите се пренасочват към този конкретен URL адрес, като се пренебрегва избраният от тях пазар.
Как да коригирате това
За да сте сигурни, че Вашите връзки са съобразени с региона и задържат клиентите в избрания от тях пазар, използвайте вътрешни връзки, които започват с /, вместо пълни URL адреси.
- Директна връзка (не е съобразена с региона):
https://yourstore.com/collections/summer - Вътрешна връзка (съобразена с региона):
/collections/summer
За да актуализирате съществуващи връзки:
- Във Вашия администраторски панел на Shopify отидете до продукта, колекцията, страницата или публикацията в блога, където искате да актуализирате връзки.
- В текстовия редактор с възможности за форматиране натиснете бутона Редактиране на код, за да видите HTML кода.
- Намерете всички връзки, които започват с
https://и включват домейна на Вашия магазин. - Заменете пълния URL адрес с формата за кратък URL адрес. Например променете
https://yourstore.com/pages/aboutна/pages/about. - Натиснете Запази.
Ако имате много продукти, колекции, блогове или страници за актуализиране, тогава можете да ги експортирате в CSV файлове, да потърсите своя домейн или http, за да идентифицирате директните връзки, да ги актуализирате до вътрешни връзки и след това да импортирате актуализираните CSV файлове обратно в магазина си.