Редакторът на сайта показва истинския ви сайт и ви оставя да променяте как изглежда направо върху него. Промените отиват в чернова: купувачите виждат сайта както досега, докато не натиснете „Публикувай“. Отваря се от Онлайн магазин › Редактор на сайта или от Съдържание › Страници и секции.
Тук се редактират началната страница, херо каруселът, темата (цветове, шрифтове, стил), лентата със съобщения, хедърът (логото, фавиконът и превключвателят на езици), навигацията, етикетите в менюто, футърът, продуктовите карти, общият изглед на категориите и на всички продукти и показването и секциите на страницата на всяка категория. Старите адреси на Начална страница и Херо карусел отварят редактора точно на началната страница, на Навигация - на менюто, на Футър секция - на футъра, на изгледа на категориите по подразбиране - на „Всички категории“, а на изгледа на отделна категория и на билдъра на страницата ѝ - на нейната страница, в „Тази категория“.
Какво виждате
- Горе са изходът, името на магазина и бутонът, който свива панела. До тях е адресната лента: назад, напред, страницата, която гледате, и търсене „Отиди на…“ за страници, категории и продукти, до които не стигате с клик. Вдясно са бутонът „Преглед“ (вижте по-долу), Десктоп / Мобилен, езикът, „История“, броят непубликувани зони и „Публикувай“.
- Вдясно е прегледът: сайтът ви, по който можете да се разхождате. В мобилен изглед избирате и ширината на телефона (360, 375, 390 или 430).
- Вляво е панелът. Той следва страницата в прегледа: менюто „Раздел“ горе казва какво редактирате и дали в него има чернова. На началната страница е „Начална страница“; на всяка страница е „Магазин“ - навигацията, футърът и другите общи части.
- На телефон прегледът е на целия екран, а панелът е лист отдолу с три височини. Докосването на секция в прегледа отваря листа наполовина точно на нея. Бутонът „Преглед“ (окото в рамка) е в шапката на листа, до менюто „Раздел“.
- Ако вместо редактора видите „Редакторът на сайта още не е достъпен“, на нашите сървъри липсва настройка, без която прегледът не може да се отвори. Не е нещо, което можете да промените, и сайтът ви и черновата не са засегнати. Ако не се оправи, пишете ни.
Промените се записват в черновата сами. Ако върнете настройка на стойността, която е на живия сайт, тя излиза от черновата и маркировката „Чернова“ изчезва.
Ако някой друг или същият редактор в друг раздел е променил нещо, след като сте го отворили, редакторът пита какво да направи, вместо да презапише новото: „Покажи новата версия“ (последната ви промяна не се записва) или „Запиши моята версия“ (тя замества другата).
Бутоните „Отмени“ и „Повтори“ горе (на телефон - в менюто ⋯) или Cmd/Ctrl+Z и Cmd/Ctrl+Shift+Z връщат промените в черновата една по една, докато страницата е отворена. Не обхващат записаното на живо (цени, продукти, контакти), а след публикуване започват отначало. Ако някой междувременно е променил същото, редакторът казва това и показва новата версия, вместо да я презапише. Докато пишете в поле, Cmd/Ctrl+Z отменя текста в полето. Клавишите работят и след като сте кликнали в прегледа, освен в поле на магазина (например търсенето), където отменят написаното там.
Начална страница
Разделът „Начална страница“ показва страницата в реда, в който я виждат купувачите:
- Херо карусел е закачен най-горе (вижте по-долу).
- Под него са секциите. Редът дава мястото си на името, а менюто „⋯“ в края му събира останалото: „Редактирай“, „Скрий“, което я скрива, без да я маха, и „Премахни“. На компютър стрелките ↑ ↓ са на самия ред; на телефон са в менюто, „Премести нагоре“ и „Премести надолу“, и то остава отворено, за да местите през няколко места. На компютър редовете се влачат, а щом посочите ред, се появяват и моливът и окото. „Премахни“ вади секцията от черновата: магазинът я показва, докато не публикувате. Дотогава „Отхвърли“ в прегледа на публикуването я връща (заедно с другите непубликувани промени по секциите), а след публикуване - „Върни“ в историята. На телефон докоснете реда, за да отворите секцията; скриването и премахването са и горе в нея.
- „Добави секция“ отваря прозореца с видовете секции (вижте по-долу). Новата секция се появява в прегледа веднага.
- Картата „Страница“ задава ширината на съдържанието.
Полетата на всеки вид секция са описани в [Секциите една по една](#секциите-една-по-една). Изборите по устройство следват превключвателя Десктоп / Мобилен горе, а текстовете - езика на прегледа.
В самия преглед всичко работи като на живия сайт: продуктовите карти и връзките отварят страницата си, а бутоните правят своето. Клик на друго място в секция я избира. Секция, която цялата е връзка, например банер, се отваря от лентата, която се появява, когато посочите с мишката, или от списъка. Над избраната секция има лента със стрелките, редакция, скриване и премахване, а „+“ между секциите добавя нова на това място.
За да видите страницата точно както я виждат купувачите, натиснете бутона „Преглед“ (горе до адреса; на телефон - в шапката на листа). Етикетите и лентите на секциите, „+“ между тях и сивите ленти на скритите секции изчезват, а окото става синьо. Полетата в панела продължават да се редактират и прегледът се обновява. Второ натискане на окото или клавишът Esc връщат инструментите; отварянето на секция, херото или слайд в панела също ги връща. При презареждане редакторът винаги се отваря с инструментите.
Добавяне на секции
Бутонът „Добави секция“ (или „+“ между секциите в прегледа) отваря прозорец, който започва със списък от седем типа секции. Докосването на ред плъзга навътре към опциите за този тип, а бутонът за връщане ви връща обратно към списъка (както при вход/регистрация в магазина). Редът „Текст“ има само едно оформление, затова се добавя направо, без втора стъпка - затова и няма стрелка вдясно. Седемте типа, в този ред:
- Продуктови секции - „Продуктова витрина“ (редакционни блокове със снимка, панел и до два бутона), „Избрани продукти“ (ръчно подбран списък, показан с обичайните продуктови карти на магазина) и „Купи комплекта“ (един комплект със снимка, номерирани части и бутон за целия комплект - нужни са комплекти, план Pro и нагоре). Може да добавите няколко от всяка.
- Банер секции - 12 оформления: единични банери, ленти, мрежи от 2–5 снимки, карти с текст, текстови ленти и др.
- Галерийни секции - 8 оформления за разглеждане на снимки. Може да сложите няколко галерии на страницата.
- Категорийни секции - най-отгоре е „Категории в кръгове“: избрани категории като кръгли снимки с имената им (вижте по-долу; може да добавите няколко). Под нея всяка категория от каталога може да стои като отделен блок с продуктите си. Показват се само категориите, които още не са на страницата (с търсачка).
- Секции със съдържание - Блог, Препоръки, Отзиви, За нас, Контакт, Въпроси (ЧЗВ), Обещания. Ако секцията иска добавка, картата е заключена с етикет. „Въпроси“ показва въпросите ви като разгъваща се секция направо на началната страница; отделната страница за въпроси и връзката ѝ във футъра остават непроменени, независимо дали я добавите тук - двете са независими. Секцията Блог има избор Показване в редактора си - Мрежа (мрежа от карти, една колона на телефон) или Хоризонтално превъртане (един ред с публикации за плъзгане на всеки екран, със стрелки на компютър). Изборът е за устройство (превключвателя Десктоп/Мобилен горе), така че може да е мрежа на компютър и лента на телефон. Новите блог секции използват Хоризонтално превъртане по подразбиране.
- Текст - свободен текст със заглавия, връзки и списъци: представяне на магазина, SEO текст, обяснение на доставката. Добавя се направо от реда и е повтарящ се - може да имате няколко текстови секции на страницата.
- Препоръки - цитатите, които вие пишете в Съдържание › Отзиви; в изгледа на секцията задавате „Размер на секцията“ (малък, среден или голям), а редовете с препоръките и „Управлявай препоръките“ отварят онзи екран.
- Отзиви - истински отзиви от клиенти с потвърдени покупки. Намира се в „Секции със съдържание“, при Блог и Препоръки. За разлика от тях е повтарящ се - може да сложите няколко на една страница, с различни настройки.
- Обещания - лента с до 5 кратки обещания с иконка (безплатна доставка, връщане, сигурно плащане). Също в „Секции със съдържание“, до „Отзиви“, и също повтаряща се (вижте по-долу).
Секциите една по една
Всеки вид секция с неговите полета. Отваряте секция с молива в списъка или с клик в прегледа.
Банери
Всеки банер има фиксирано оформление с места за снимки и текст. В редактора попълвате само полетата, които оформлението поддържа - празните полета просто не се показват. Връзката на банера може да води към категория, страница, продукт или персонален URL. Асиметричните оформления имат ключ „Огледално“, който разменя страните. При няколко банера всеки е сгъваема карта с име по съдържанието си, например „Банер 1 · Момичета“ (заглавието му, иначе свързаната категория); първата е отворена, а другите се отварят с клик.
Височина на секцията (в раздел «Показване») определя колко висок е банерът. До всяка стъпка пише приблизителната ѝ височина в пиксели („Висока · ~250 px“) и списъкът върви от най-високата към най-ниската, така че не се налага да ги пробвате една по една.
Стъпките са два вида. „Стандартна (по оформление)“, по-високите - „Висока“, „Много висока“ - и по-ниските - „Средна“, „Ниска“, „Много ниска“, „Тясна“ - следват формата на самото оформление, а тя се изчислява от ширината на секцията. Стъпките „Цял екран“, „3/4 от екрана“ и „1/2 от екрана“ вместо това се измерват спрямо екрана на посетителя, така че и секция с ширина „Контейнер“ може да заеме цялата височина на екрана. Точно затова двата вида се преплитат в списъка: при „Един банер“ на десктоп „Стандартна“ (~490 px) излиза по-висока от „1/2 от екрана“ (~465 px), а на телефон - по-ниска (~250 px срещу ~375 px). Пикселите до всяка стъпка ви казват кое къде застава. „Екранът“ тук е прозорецът на браузъра, а не мониторът: лентите на браузъра отнемат от него, затова „1/2 от екрана“ на монитор 1080 px е около 465 px, а не 540.
Височината се задава поотделно за Десктоп и за Мобилен (превключвателя горе) и една и съща стъпка нарочно дава различна височина на двете. Причината е в самите оформления: мрежите запазват колоните си и на телефон, така че плочката на „Три банера“ там е широка около 125 px и „Стандартна“ я прави само ~160 px висока, докато на десктоп същата плочка е ~460 px. Затова „Висока“ на телефон качва повече, отколкото на десктоп - за да значи едно и също нещо и на двете. Ако не зададете стъпка за Мобилен, телефонът следва избраното за Десктоп и го изчислява по своята мярка.
Списъкът показва само стъпките, които оформлението може да поеме на това устройство. Стъпка, която би направила секцията по-висока от екрана, или би нарязала плочките на ивици от няколко пиксела, просто не се предлага - затова „Четири банера“ на телефон има по-къс списък от „Един банер“. Вече запазена стъпка си остава в списъка, дори да е от отпадналите, за да не се смени сама.
Стъпката определя цялата секция: на телефон, където плочките се подреждат една под друга, снимките и текстът си поделят избраната височина, така че секцията остава колкото стъпката - и при „Текст + снимка“ дълъг текст никога не се отрязва (секцията пораства при нужда). Изключение са „Две/Три карти с текст“: заглавието и текстът под всяка снимка имат естествената си височина, затова на телефон тези секции излизат малко по-високи от стъпката. Само при „Един банер“ и „Лента“ има и стъпка „Лента“, която прави много широка и много ниска ивица (около 70–120 px на широк екран) - подходяща за съобщение или тесен рекламен банер. При останалите оформления тази стъпка липсва нарочно: в мрежа от 3–4 плочки тя би нарязала всяка снимка на неразпознаваема ивица.
Под бутона за качване на всеки банер пише препоръчителният размер в пиксели за точно този банер. Числото се преизчислява веднага щом смените оформлението, височината или ширината на секцията, защото и трите променят колко голяма е снимката на екрана. При качване магазинът пази оригинала и сам прави по-малки версии (WebP), от които на всеки посетител се изпраща най-малката, която пасва на екрана му - но никога не увеличаваме, така че качена снимка, по-малка от препоръчаното, ще изглежда размазана и това не може да се поправи после. Ако свалите снимка от чужд сайт, внимавайте: обикновено се сваля умалената версия от списъка с продукти (около 500 px), а за банер на цял екран трябват над 2400 px.
Показване на изображението
Показване на изображението (само при „Един банер“ и „Лента“, щом качите снимка) избира как снимката запълва мястото си. „Покажи цялото изображение“ показва цялата снимка в естествената ѝ височина, без изрязване, така че широка лента с текст или показатели, направена като една снимка, остава цяла и на телефон. „Изрязване до запълване“ реже снимката до фиксирана форма (старото поведение, подходящо за фонови снимки). „Побиране с фон“ показва цялата снимка в лента с фиксирана височина върху размазано копие на самата нея. „Лента“ по подразбиране показва цялото изображение (затова широка лента вече не се реже отстрани на телефон), а „Един банер“ по подразбиране изрязва. Когато е избрано цяло изображение, полето „Височина на секцията“ отпада, защото височината идва от самата снимка.
Текст + снимка
При оформлението „Текст + снимка“ двете страни се настройват поотделно от раздела „Текстов панел“. „Фон на текста“ избира вида на текстовата страна - Светъл (панел с рамка), Приглушен, Марка (тъмно) или Прозрачен (без панел, текстът стои направо върху страницата). „Изображение“ избира вида на снимката - „Запълва рамката“ (изрязана в заоблена кутия) или „Изрязано (прозрачно)“ (снимка с прозрачен фон, която „плава“ до текста, без кутия). Така всяка комбинация е възможна, например текст върху страницата до снимка в заоблена кутия. Когато „Фон на текста“ е Светъл, се показва и „Рамка“: „Около текста“ огражда само текстовия панел (краищата му се заоблят чисто), а „Около целия банер“ обгражда снимката и текста с една рамка. По-рано заоблена рамка на светъл панел „изчезваше“ в ъглите - вече следва заоблянето.
Изображение за мобилни
Всяка снимка в банер може да има отделен вариант за телефон: превключете редактора на Мобилен (превключвателя Десктоп/Мобилен горе) и качете снимката в същото поле за изображение - например изрязана за портретен екран или преподредена, за да се чете добре на тесен екран. Без мобилен вариант на телефона се показва основната снимка. Под качването пише препоръчителният размер за телефон (при оформленията, които изрязват снимката) - и той следва височината, зададена за Мобилен, а не тази за Десктоп. Ако направите банера по-висок само на телефон, числото веднага пораства: при стъпка спрямо екрана мястото за снимка на телефон става няколко пъти по-голям от подразбиращия се, а качена по-малка снимка ще изглежда размазана. Налично е при всички оформления на банери. В галерията оформленията с места за снимки качват мобилния вариант по същия начин - с превключвателя Десктоп/Мобилен; поточните оформления (Мрежа/Лента) нямат тази настройка, защото решетката им сама се преподрежда на телефон.
Фоново видео
На всеки банер (освен категорийните карти) можете да сложите фоново видео - точно като в херото. Под избора на снимка се появява поле „Фоново видео (по избор)“ с два раздела: YouTube / Vimeo (поставете връзка - налично на всеки план) и Качване на файл (MP4 до 15 MB, на план Business и нагоре, съхранява се при нас). Видеото се върти беззвучно в цикъл зад съдържанието на банера, а снимката на банера е неговият постер (показва се, докато видеото се зареди, и когато не се пуска), затова снимката е задължителна и при двата вида. Каченото видео не се тегли на телефони, при пестене на данни и при намалено движение - там се показва само снимката-постер, така че мобилните посетители не плащат за трафик. Ако смените плана надолу, каченото видео спира да се показва и банерът се връща към снимката; YouTube/Vimeo връзката остава, защото е налична на всеки план. Същото поле, със същите правила, имат и банерите на страницата на категория (вижте [Страницата на тази категория](#страницата-на-тази-категория-business)).
Категорийни карти
Когато свържете банер с категория, той може да се показва като категорийна карта - снимка, заглавие и брой продукти, взети автоматично от категорията. Всяко поле има стойност по подразбиране от категорията и може да се презапише поотделно: оставите ли поле празно, се използва актуалната стойност на категорията (така преименувате категорията веднъж и всички карти се обновяват); попълните ли го, важи вашата стойност. Снимката без изрична стойност взима корицата на категорията, а ако няма - снимката на първия ѝ продукт (както в HUB плочките).
- Заглавие / Подзаглавие / Брой продукти - заглавието по подразбиране е името на категорията; подзаглавието е празно; броят продукти се показва (може да се скрие). Броят е колкото показва страницата на категорията: за родител това включва и продуктите в подкатегориите му, според настройката „Показвани продукти“.
- Оформление на картата - изберете как изглежда картата от 5 оформления: „Стандартна“ (сегашният вид), „Етикет“ (чисто главно име с шеврон; на тясна карта, например четири в ред на телефон, името се смалява, за да се побере, а броят не се показва), „В центъра“ (едро центрирано заглавие върху затъмнение; на тясна карта, например две в ред на телефон, заглавието се смалява, за да се побере), „С жетон“ (броят като заоблено етикетче) и „Лента“ (плътна лента с цвят от темата зад текста; фон: светъл, приглушен или марка/тъмно). Оформлението е „кожа“ върху общите настройки: позиция, затъмнение и тон важат за всяко от тях. Нова категорийна връзка започва с „Лента“ (марка).
- Позиция на текста (само за „Стандартна“) - при оформленията „Две/Три карти с текст“ можете да изберете текстът да е под снимката (като HUB плочка) или върху нея; при другите оформления текстът е върху снимката (с позиция/затъмнение/тон като при наслагването).
- Превключвателят „Категорийна карта“ е включен по подразбиране за нова категорийна връзка. Изключите ли го, банерът се връща към обикновена плочка с ваша снимка и текст - така стар банер с категория остава непроменен.
Заглавие на секцията
Картата „Заглавие на секцията" (най-горе в редактора на банера) добавя по желание заглавие над банерите - например „Улична мода за всеки ден" над две категорийни плочки. Пише се за всеки език поотделно (езиковите бутони горе); празно поле значи без заглавие, така че досегашните банери не се променят. Щом има заглавие, се появява „Подравняване": В центъра (по подразбиране) или Вляво. Заглавието стои в ширината на самия банер.
Фон на секцията
Картата „Фон на секцията" (преди „Показване") слага снимка зад цялата секция, от край до край на екрана, докато банерите вътре запазват своята „Ширина на секцията". Снимката е по устройство, както снимките в банерите: качете я в режим Десктоп, а за телефон можете да качите отделна (портретна) в режим Мобилен - без нея телефонът показва десктоп снимката. Щом има снимка, се появяват:
- Тон на текста - Тъмен (върху светла снимка) или Светъл (върху тъмна снимка). Важи за текста, който стои направо върху фона: заглавието на секцията, прозрачната „Текстова лента" и текста под снимките на картите. Панелите и бутоните със собствен фон не се променят.
- Позиция на снимката - Горе, Център (по подразбиране) или Долу: коя част от снимката остава на екрана, когато секцията я изрязва. Снимката винаги покрива цялата секция, затова при широка секция и висока (портретна) снимка се вижда само ивица от нея - Горе пази лицата на портретните снимки. Изборът важи и за десктоп, и за телефон (и за отделната мобилна снимка).
- Воал върху снимката (включен по подразбиране) - полупрозрачен слой, за да се чете текстът: светъл при тъмен текст, в цвета на марката при светъл текст.
При „Текстова лента" върху фонова снимка изборът „Фон" предлага и Прозрачен - текстът стои направо върху снимката, а бутонът става с контур. Така се прави банер-история за колекция. Без фонова снимка изборът е както досега. Махнете ли снимката, секцията отново изглежда точно както преди. Наличен е на всеки план.
Фон зад продукти. Същата карта „Фон на секцията" имат и категорийните блокове и „Избрани продукти" - между настройките на блока и „Показване". Снимката стои зад заглавието и продуктите, от край до край, а продуктите запазват „Ширината на секцията". Продуктовите карти стоят на панели в цветовете на темата (бели при светла тема), за да се четат върху снимката; карта, която вече е на панел (например „Стандартна"), не се променя. „Тон на текста" важи за заглавието на блока, връзката „Виж всички" и бутона „Покажи още" - текстът в самите карти остава в цветовете на темата.
Галерия
Галерията е повтаряща се секция за разглеждане на снимки. За разлика от банера - навигационна плочка с връзка - галерията само показва снимки (с надписи и уголемяване при клик, без връзки). Може да добавите няколко галерии на страницата - общо до 24 снимки в една галерия.
Оформления (8). Две са „поточни“ - Мрежа и Лента - и показват плосък списък от снимки наведнъж. Другите шест - Единичен, Два, Три, Четири, Акцент + две, Мозайка 1+4 - имат места за снимки (по 1–5 на слайд) и заемат същата геометрия като едноименните банери. Смяната на оформление е само промяна на изгледа: снимките остават, а липсващите места стават празни полета за попълване.
Слайдове и места за снимки. При оформленията с места за снимки съдържанието са слайдове - всеки слайд запълва местата на оформлението. Местата са по избор: празно място не се показва на сайта, а в редактора е поле „добави снимка“. Полетата се подреждат като самото оформление (напр. „Акцент + две“ = един голям вляво и два по-малки вдясно). Всяка снимка има по избор надпис и alt-текст (скрити зад „Надписи и alt-текст“): надписът се изписва върху снимката, а alt-текстът я описва за търсачки и екранни четци. Поточните оформления (Мрежа/Лента) вместо слайдове ползват един плосък списък от снимки.
Ротация (само при оформления с места за снимки и поне 2 слайда):
- Статична - показва само първия слайд.
- Карусел - прелиства слайдовете (плъзгане, стрелки, точки и брояч; автоматичното превъртане може да се изключи).
- Смяна на снимки - всяко място плавно се сменя със снимката от следващия слайд, на леко разминати интервали (ефект „Избледняване“ или „Изскачане“).
Поточните оформления не се въртят. При посетители с включена системна настройка „намалено движение“ ротацията замръзва.
Височина (в раздел „Показване“) ползва същата скала като банерите - „Много висока“, „Висока“, „Стандартна“, „Средна“, „Ниска“, „Много ниска“, „Тясна“ - с приблизителната височина в пиксели до всяка стъпка и поотделно за Десктоп и за Мобилен. Галерията няма стъпки спрямо екрана: тя е за разглеждане на снимки, не заглавен блок.
Списъкът зависи от оформлението. „Акцент + две“ и „Мозайка 1+4“ са високи по природа - на широк екран „Акцент + две“ е около 960 px при „Стандартна“, а на телефон „Мозайка 1+4“ е над екрана още на „Стандартна“ - затова при тях по-високи стъпки просто не се предлагат. „Единичен“, „Лента“ и „Мрежа“ са ниски и получават целия набор. „Стандартна“ винаги присъства, дори когато самото оформление е по-високо от екрана: това е неговата естествена форма, а не стъпка, която сте избрали.
Уголемяване. Клик върху снимка я отваря на цял екран с навигация със стрелки, клавиатура и плъзгане. Празна галерия скрива секцията.
Категорийни блокове
Всеки блок показва една категория. Всяка категория, която добавите тук, се показва на сайта точно както в прегледа - включително копие, направено с Дублиране. Категория без продукти не се показва на сайта, а в редактора стои като сив контейнер. Настройките са за устройство - горе превключвате Десктоп/Мобилен и всяка настройка важи само за устройството, което редактирате, така че блокът може да изглежда различно на телефон и на компютър. Полето Показване избира подредбата:
- Автоматично - следва подредбата на самата категория (мрежа или лента), зададена на страницата на категорията.
- Мрежа - фиксирана мрежа. Задавате редове × колони за това устройство; показаният брой продукти е тяхното произведение (например 2 × 4 на компютър = 8 продукта, а 2 × 2 на телефон показва първите 4). Оставите ли поле „По подразбиране", то следва другото устройство. Мрежата важи дори ако категорията е зададена на лента.
- Хоризонтално превъртане - лента с плъзгане. Задавате Редове в лентата - изрично един или два реда, или „Като категорията", което следва редовете, зададени на страницата на категорията - и Продукти на ред - колко карти се виждат наведнъж; „Като в магазина" следва настройката от „Тема“ › „Продуктови ленти“.
Самите продукти и редът им се управляват от страницата на категорията. Промяната се вижда веднага в прегледа (сцената е с ширината на устройството, което редактирате).
В Заглавна лента има два ключа: Заглавие (името на категорията над продуктите) и „Виж всички“ (връзката вдясно към страницата на категорията). Изключете заглавието, когато банерът точно над блока вече назовава категорията - иначе името се повтаря два пъти. Ако изключите и двете, лентата изчезва напълно и блокът започва директно с продуктите.
Картата „Фон на секцията" слага снимка зад блока, а картите на продуктите застават на панели - вижте „Фон зад продукти" в раздела за банерите.
Категории в кръгове
Секцията показва избрани категории като кръгли снимки с имената им - всеки кръг отваря страницата на категорията. Подходяща е за „Разгледай по категория“ или „Пазарувай по възраст“ точно под херото. Секцията е повтаряща се - може да имате няколко реда с различни заглавия.
- Категории - потърсете по име и добавете до 16. Влачете редовете, за да ги пренаредите: редът в списъка е редът на сайта. Предлагат се само категориите, които магазинът показва. Ако по-късно скриете категория (или родителя ѝ), в списъка тя получава етикет „Скрита“ и кръгът ѝ изчезва от сайта; изтрита категория просто отпада.
- Заглавие (по избор, на всеки език) - изписва се над кръговете в същия стил като заглавията на продуктовите блокове. Оставите ли го празно, секцията започва направо с кръговете.
- „Покажи броя продукти“ (изключено по подразбиране) - под всяко име се изписва броят продукти, напр. „12 продукта“: толкова, колкото показва страницата на категорията. Родител, чиито продукти са в подкатегориите, брои и тях, според настройката „Показвани продукти“ на категорията. Празна категория не показва брой.
- Снимката на всеки кръг е корицата на категорията - задава се в редактора на категорията. Без корица се ползва снимката на първия ѝ продукт, а ако няма и такава - кръг в цветовете на темата. Дайте корица особено на родителските категории.
На компютър до 8 кръга застават в един ред по средата и заемат ширината (до 128 px всеки). Изберете ли повече от 8, редът се превърта настрани със стрелки и затъмнен край, както продуктовите ленти. На телефон кръговете са по-малки и се плъзгат в един ред - виждат се около три и половина. Името под кръга се пренася само между думите, никога по средата на дума. Цветните пръстени около снимките се редуват в цветовете на темата (основен цвят, акцент и втори акцент), така че винаги следват облика на магазина.
Празна секция не се показва на сайта, а в редактора стои като сив контейнер, докато не добавите категории.
Продуктова витрина
Витрината представя малка, ръчно подбрана селекция от продукти като редакционни блокове: голяма снимка до тематичен панел (светъл, тъмен или самата снимка със затъмнение) със заглавие, цена, кратък текст и до два бутона. Подходяща е за „Готови визии“, комплекти и акценти, където искате повече от обикновена продуктова карта. Секцията е повтаряща се.
- Оформление - изберете една от четири подредби, всяка с различен вид на телефон: Редове (снимка вляво + панел), Ленти (снимка на цял екран с плаващ панел), Плочки (карти в мрежа или хоризонтален ред - вижте „Показване“) и Акцент (един голям блок + компактни редове).
- Показване (само за „Плочки“) - Мрежа подрежда картите в мрежа (както досега), а Хоризонтално скролване ги показва като един превъртащ се ред на всеки екран.
- Продукти на ред (само при „Хоризонтално скролване“) - колко карти да се виждат наведнъж, за устройството, което редактирате; „Като в магазина" следва общата настройка от „Тема“ › „Продуктови ленти“ - същата, която ползват категорийните ленти.
- Височина и побиране - „Височина на секцията“ („Стандартна (по оформление)“ / Средна / Ниска / Много ниска / Тясна) задава колко високи са блоковете, а „Побиране“ избира как се показва снимката: „Запълва рамката“ (изрязва краищата) или „Показва цялата снимка“ (без изрязване, върху неутрален фон - подходящо за продукти на бял фон). На телефон блоковете Редове подреждат снимката най-отгоре в цяла ширина (вместо тесен изрязан стълб), така че продуктът се вижда ясно. При Акцент панелът стои до снимката и никога не я покрива: големият блок е снимка до панел (на телефон снимката застава отгоре), а компактните редове показват малка снимка до текста - като ценоразпис. Описанието в блока се показва до 3 реда (така „Височината“ има ефект и блокът не се разтяга; пълният текст е на продуктовата страница).
- Продукти - натиснете „Добави продукт“, за да отворите търсенето; всеки резултат показва снимката на продукта, а списъкът се затваря след избор (отворете го пак за следващия). До 8 блока; за разлика от „Избрани продукти“, един и същ продукт може да се добави повече от веднъж (например два цвята на един комплект). Влачете, за да пренаредите.
- За всеки блок - всяко поле по подразбиране взима стойността на продукта; попълните ли го, заменяте само него (име, надзаглавие, описание, цена, снимка). До всяко поле има превключвател, който го показва или скрива. „Огледален изглед“ разменя страните на снимката и панела за този блок (при „Ленти“ мести само панела; важи за всички оформления). Фонът на панела е тъмен, светъл или снимка. Когато е снимка, на план Business и нагоре можете да качите и кратко фоново видео върху нея (MP4 до 15 MB) - върти се беззвучно в цикъл, а снимката е неговият постер; на телефони се показва само снимката.
- Бутони - до два на блок. Всеки може да е „Виж продукта“, „Добави в количката“ (с избор на вариант) или „Персонализирана връзка“. Ако вариант се изчерпи, бутонът „Добави“ автоматично става „Виж продукта“.
Празна секция не се показва на сайта, а в редактора стои като сив контейнер.
Избрани продукти
Секцията показва ръчно подбрани продукти в избран от вас ред - с абсолютно същите продуктови карти като останалата част от магазина (значки, промо цени, сърце за любими, бутон за покупка). Това е "витрина по избор": подходяща за "Най-желани", "Нови попадения" или сезонна селекция. Секцията е повтаряща се - може да имате няколко с различни заглавия.
- Продукти - потърсете по име и добавете до 24 продукта. Влачете редовете, за да ги пренаредите: редът в списъка е редът на сайта. Изтрит или архивиран продукт просто спира да се показва.
- Заглавие (по избор, на всеки език) - изписва се над картите. Оставите ли го празно, секцията започва направо с продуктите.
- Връзка "Виж всички" (по избор, изключена по подразбиране) - показва се вдясно от заглавието и може да води към категория, страница, продукт или персонален URL.
- Стил на картата - изберете вграден вид (Стандартна, Редакторска, Витрина, Портрет, Галерия) или някое от вашите запазени оформления на картата. Общ стил на картата за целия магазин все пак има превес.
- Показване (за устройство - превключвателя Десктоп/Мобилен горе) - Мрежа (редове × колони; на телефон може да зададете по-малко колони, а с по-малко редове - и по-малко продукти) или Хоризонтално превъртане - продуктите се показват като един ред с плъзгане. Нов блок по подразбиране е мрежа на компютър и лента на телефон.
- Редове в лентата и Продукти на ред (само при хоризонтално превъртане) - колко реда има лентата (един или два) и колко карти се виждат наведнъж, за устройството, което редактирате; „Като в магазина" следва общата настройка от „Тема“ › „Продуктови ленти“.
- Фон на секцията (по избор) - снимка зад цялата секция; картите застават на панели, за да се четат. Вижте „Фон зад продукти" в раздела за банерите.
Празна секция не се показва на сайта, а в редактора стои като сив контейнер, докато не добавите продукти.
Купи комплекта
Секцията показва един комплект така, както клиентът би го облякъл или използвал: снимката на комплекта с номерата на частите върху нея, всяка част със своята цена, своя избор на размер или цвят и бутон „Добави“, и накрая цената на целия комплект, сборът на частите поотделно (зачертан), спестяването и бутона „Добави комплекта“. Комплектът влиза в количката като един ред на цената на комплекта - същото, което добавя страницата на комплекта. Секцията е повтаряща се: два комплекта са две секции.
- Комплект - изберете от комплектите на магазина (с търсене). Под избора виждате броя на частите, цената и дали комплектът е активен, и връзка „Отвори комплекта“. Всичко останало - части, цени, снимки, точки - идва от самия комплект, така че промяна там обновява секцията.
- Снимка - коя снимка на комплекта да се вижда; до всяка пише колко точки има на нея. Точките се поставят в Продукти › Комплекти › Изображения. На снимката се виждат само нейните точки, а номерата в списъка винаги покриват всички части. Комплект без точки се показва без номера.
- Текстове (на всеки език) - Надзаглавие (празно = „Купи комплекта“, което може да преименувате в Преводи), Заглавие (празно = името на комплекта) и Описание (празно = описанието на комплекта).
- Оформление - „Огледално“ слага снимката вдясно на компютър. На телефон снимката винаги е отгоре, а частите - под текста.
Комплект на пауза или изтрит не се показва на сайта; редакторът го казва с бележка в прегледа и с предупреждение в панела. Комплект с част от каталог (Марка → Модел) или с персонализиран продукт не може да се купи по части, затова не може да се избере и секцията с него не се показва - продава го страницата на комплекта. Нова секция без избран комплект стои в редактора като сив контейнер с бележка „Изберете комплект“.
Текст
Секцията „Текст“ слага свободен текст на началната страница: заглавия (H2 и H3), удебелен и наклонен шрифт, връзки и списъци с точки или числа. Подходяща е за представяне на магазина, SEO текст или обяснение на доставката - навсякъде, където снимка не върши работа. Секцията е повтаряща се и няма отделно заглавие извън това, което напишете.
- Текстът е за всеки език поотделно - езиковите раздели горе в редактора сменят езика, който пишете. Оставите ли един език празен, посетителят вижда текста на основния език, вместо празна секция.
- Редакторът е съзнателно ограничен - само заглавия, удебеляване, наклонен шрифт, връзки и списъци. Няма снимки, таблици, цветове и подравняване: шрифтовете и цветовете идват от „Тема“, а снимките - от банерите и галериите, така че страницата остава в един стил.
- „Свиване на телефон“ (включено по подразбиране) - на телефон дългият текст се показва скъсен, с преливане надолу и бутон „Виж още“; на компютър се вижда изцяло. Целият текст винаги стои в страницата, така че търсачките го четат докрай. Изключите ли превключвателя, текстът е разгънат и на телефон.
Празна секция не се показва на сайта, а в редактора стои като сив контейнер, докато не напишете нещо.
Отзиви
Секцията „Отзиви“ показва истински отзиви от клиенти на началната страница - същите отзиви, които стоят и на продуктовите страници. Всяка звезда идва от реална оценка, дадена от клиент.
Това не е същото като „Препоръки“. „Препоръки“ са цитати, които пишете вие - мнение на клиент, което сте получили по имейл или лично. Те нямат оценка и не показват звезди. „Отзиви“ показва само отзиви, които клиент е оставил след потвърдена поръчка и които вие сте одобрили. Смесването на двете е незаконно: оценка, която никой не е дал, се смята за фалшив отзив по Закона за защита на потребителите.
- Автоматично (по подразбиране) - секцията се пълни сама с най-новите отзиви, които отговарят на условията. Не пипате нищо: сложите секцията и тя работи.
- Минимална оценка - по подразбиране 4 звезди и нагоре. Може да свалите до „Всякаква оценка“.
- Пропускай много кратки отзиви - включено по подразбиране. Отзив от една дума не убеждава никого в редица от карти. Изключите ли го, се показва всеки отговарящ отзив.
- Ръчно избрани - избирате точно кои отзиви да се показват и в какъв ред. Търсачката намира по текст на отзива, име на клиента или продукт. Може да избирате само одобрени отзиви - отзив, който чака одобрение или е отхвърлен, не се предлага.
- Колко да се показват - между 3 и 24 отзива.
- Заглавие - за всеки език поотделно. Оставите ли го празно, се показва стандартното заглавие.
Над картите стои общата оценка на магазина (например „4.6 · 115 отзива“) и едно изречение, което казва, че публикувате само отзиви от потвърдени покупки. Броят е връзка към страницата „Отзиви“, където стоят всички публикувани отзиви, без филтър по оценка, заедно с разбивката по звезди. Тази страница е задължителна по закон: щом на началната страница показвате само по-добрите отзиви, пълният списък трябва да е на едно кликване разстояние.
Ако още нямате 3 подходящи отзива, секцията не се показва на сайта - една карта в редица, направена за няколко, изглежда зле. В редактора редът казва колко още са нужни, вместо секцията просто да изчезне. Междувременно може да ползвате „Препоръки“.
Обещания
Секцията „Обещания“ е лента с до 5 кратки обещания към клиента - например „Безплатна доставка - за поръчки над €80“ или „14 дни за връщане - без да обяснявате защо“. Всяко обещание е иконка, заглавие и втори ред по желание. На компютър картите стоят в един ред, центрирани; на телефон са лента за плъзгане - клиентът вижда една карта и част от следващата, а стрелка отстрани (като при категориите в кръгове) показва, че има още, и превърта лентата. Цветовете идват от темата: иконката е в акцентния цвят, текстът - в цвета на текста.
- Вземи от „Гаранции“ - празната секция предлага да копира „Гаранциите“ ви (иконките под бутоните на продуктовата страница, „Продуктова страница“ › „Значки за доверие“ в този редактор): иконката и текста на всеки език. Копира ги веднъж - после двата списъка се редактират поотделно и промяната в единия не мести другия. Ако нямате „Гаранции“, бутонът липсва и добавяте обещанията сами.
- Иконка - натиснете квадратчето с иконката и изберете от същия списък като при „Гаранции“ (търсене по име на английски).
- Заглавие и втори ред - за всеки език поотделно (езиковите бутони най-горе в редактора). Празно поле на друг език показва текста от основния език. Празният втори ред просто не се показва.
- Подреждане - плъзнете реда; X го изтрива. При 5 обещания бутонът „Добави обещание“ изчезва.
- Обещание без заглавие на нито един език не се показва в магазина - редакторът го отбелязва в червено. Секция без нито едно обещание не се показва изобщо (в редактора остава като щрихована лента).
„Гаранции“ и „Обещания“ са два различни списъка: „Гаранции“ са на всяка продуктова страница, с по един ред; „Обещания“ стоят където ги сложите на началната страница, с втори ред.
Анимация и ширина
Всяка секция има „Анимация при показване“ - ефект при скролване (Проявяване, Изплуване, Каскада и т.н.), с подходяща стойност по подразбиране за всяко оформление. Докато редактирате, секциите просто се виждат, без анимация: тя се показва в магазина, а на началната страница и в прегледа без инструментите за редакция (иконата с окото). „Ширина на секцията“ определя колко широка е секцията: Като страницата, Контейнер, Широка, Пълна ширина (с малък отстъп) или От край до край. „Пълна ширина“ заема целия екран, но оставя тънък отстъп отстрани; „От край до край“ е без никакъв отстъп - изображенията опират до ръба на екрана. При „От край до край“ ъглите, които опират до левия и десния ръб на екрана, се изправят автоматично (заоблянето от „Тема“ остава само на вътрешните ъгли), защото заоблен ъгъл, залепен за ръба на браузъра, изглежда като дефект. Общата „Ширина на съдържанието“ се задава в картата „Страница“ най-долу в списъка на началната страница и важи за всички секции с „Като страницата“ ширина.
Ширината също е за всяко устройство поотделно: една и съща секция може да е от край до край на телефон и в контейнер на компютър - точно това, което обикновено искате от банер. Докато не смените ширината за конкретно устройство, полето показва „Взето от…“ и секцията изглежда както винаги.
Няколко от настройките на секцията - заоблянето, отстоянието, височината и видимостта - са за всяко устройство поотделно, като размера на текста: редактирате стойността за устройството, избрано горе (Десктоп/Мобилен). Поле, което не сте пипали на другото устройство, показва „Взето от…" и следва общата стойност; променено поле носи „Заменя за…" и бутон „Нулиране". Превключвателят „Показвай на десктоп" / „Показвай на мобилен" скрива секцията само на едното устройство - например банер само за компютър; скриете ли я и на двете, редакторът предупреждава, че секцията е скрита навсякъде.
„Заобляне на ъглите“ задава различно заобляне само за тази секция - „Като темата“ (следва темата), „Без“ (правоъгълни ъгли), „Малко“, „Средно“ или „Голямо“. Полезно е, когато отделен банер, снимка или продуктовите карти изглеждат по-добре с прави ъгли, дори темата да е със заоблени. „Отстояние“ маха разстоянието над или под секцията (превключвателите „Без горно отстояние“ / „Без долно отстояние“), за да я залепите плътно към съседната - подходящо, когато две секции трябва да изглеждат като едно цяло.
„Размер на текста“ (при банери, категорийни блокове, „Избрани продукти“, „Категории в кръгове“, „Текст“ и „Обещания“) намалява или увеличава заглавието и текста на секцията за устройството, което редактирате - от „Много малък“ до „Много голям“, като „Стандартен“ е обичайният размер. Настройката е за всяко устройство поотделно: смалявате шрифта на телефона, без това да смали текста на десктоп. Мащабира се върху адаптивните размери, така че шрифтът остава пропорционален на всеки екран - удобно, когато дълго заглавие на банер се събира на няколко реда на тесен телефон.
Херо карусел
Херото е голямата секция най-горе на началната страница - едно или няколко изображения или видеа. При един видим слайд стои неподвижно; при два и повече слайдовете се въртят като въртележка (посетителите минават между тях със стрелките и индикатора). То е закаченият първи ред на началната страница: кликнете го в списъка или кликнете херото в прегледа.
В прегледа
- Докато херото е отворено, лентата му има „Редактирай“ и „Скрий“.
- Докато е отворен слайд, въртележката стои на този слайд - не се завърта, докато работите по него. Стрелките и точките ѝ вместо това отварят съседния слайд в панела. Слайд, скрит от въртележката, се вижда в прегледа, докато го редактирате, за да го довършите, преди да го включите.
- Ако още няма видими слайдове, на мястото на херото стои лента „Добави херо“: кликнете я и се отваря първият ви скрит слайд, а ако нямате нито един - нов (скрит, докато не го включите). Така повторните кликове не трупат празни скрити слайдове.
Въртележка
- Индикатор на слайдовете - как въртележката показва кой слайд е на екрана: Точки (по подразбиране; точки в полупрозрачна лента долу в средата), Линии (тънки бели линии долу вдясно, текущата по-дълга - на 16 px от ъгъла на телефон и на 40 px на компютър) или Без (стрелките и плъзгането пак сменят слайдовете).
- Рамка за десктоп и Рамка за телефон - формата (пропорцията) на херо лентата на всяко устройство. Лентата винаги е с пълната ширина, така че може да имате ниска лента на компютър и по-висока на телефон, или обратното.
- Авто - по вашето изображение (препоръчително, по подразбиране) - рамката приема точната форма на изображението, без отрязване. При въртележка формата идва от първия видим слайд, а останалите се вписват в нея (различна форма се отрязва - препоръката под качването ви предупреждава). Има граници: на десктоп между 16:9 и 4:1, на телефон между 4:5 и 2:1; извън тях рамката спира на най-близката граница и изображението се отрязва леко.
- Фиксирани рамки - за десктоп 16:9 - стандартна, 21:9 - кино лента, 3:1 - ниска лента; за телефон 4:5 - портрет, 1:1 - квадрат, 16:9 - ниска. Изображението запълва рамката и се отрязва, когато формите се разминават; препоръката под качването казва точните пиксели за избраната рамка.
- Всяка рамка има еднаква форма на всеки екран, затова прегледът съвпада с това, което виждат посетителите: същото изрязване, същите позиции на текста и бутоните. Засега рамките променят оформлението Classic Stacked; останалите оформления запазват своя дизайн на херото.
- Слайдове - в реда, в който се въртят; първият видим е водещ. Отваряте слайд с клик, скривате го от въртележката с окото, премахвате го с кошчето, подреждате със стрелките (на компютър може и с влачене). „Нов слайд“ добавя слайд, който започва скрит от въртележката, за да не излезе недовършен със следващото публикуване. Отваря се веднага и се вижда в прегледа, докато го редактирате; когато е готов, включете го с окото в списъка със слайдове (на телефон и горе в самия слайд) и публикувайте.
- Покажи херото - изключено, херото не се показва в магазина при нито едно оформление и началната страница започва със секциите. Слайдовете се пазят: включите ли го отново, се връщат. Закаченият ред е отбелязан „скрито“, а прегледът показва лента „Херото е скрито“ с „Покажи“.
Като всяка промяна тук, и тези отиват в черновата; купувачите ги виждат, след като публикувате.
Един слайд
- Заглавие - вътрешно име, за да различавате слайдовете; не се показва на сайта.
- Фон - изображение или видео (вижте по-долу). Качвайте изображението в пълен размер: магазинът прави по-малки WebP копия и изпраща на всеки посетител това, което пасва на екрана му, така че голямото херо никога не забавя телефоните.
- Отделно изображение за телефон - снимка, която стои добре на компютър, може да се отреже лошо на телефон, затова слайдът може да има свое мобилно изображение, показвано под 768 px. Качването следва превключвателя Десктоп / Мобилен горе. То е по желание: без него изображението за десктоп се показва и на телефон (пише Взето от десктоп); ако има само мобилно, то се показва и на двете. При видео слайд постерът остава изображението за десктоп.
- Връзка от слайда - целият слайд става кликаем: Води към категория отваря страницата на категорията; Персонална връзка е котва (например
#contact) или пълен адрес и се игнорира, ако е избрана категория. Когато слайдът има бутони, те печелят и връзката върху целия слайд се изключва (без връзки във връзки); при видео слайд също е изключена - за призив за действие добавете бутон.
Текст и бутони върху слайда
„Текст и бутони“ добавя свободно разположени текстове и бутони върху слайда - единственият източник на текст за херото (заглавия, подзаглавия, призиви за действие), с отделен текст за всеки език. Показват се само при оформление Classic Stacked; при другите слайдът е само изображението или видеото. (Оформлението на сайта се задава от екипа на ZweiHost - вижте [Магазин: тема](#магазин-тема).)
- „Добави текст“ / „Добави бутон“ създават елемент; редът на всеки елемент отваря панела му за стил. Отделен елемент скривате с „Показвай на десктоп“ / „Показвай на мобилен“ или го изтривате.
- Затъмнен слой зад елементите слага полупрозрачен тъмен филтър между изображението и текста - по-сигурно е, отколкото да засветлявате всеки надпис, когато снимката е светла или пъстра.
- Влачете направо в прегледа. Докато слайдът е отворен, кликнете елемент в прегледа, за да го изберете: появява се синя рамка с манипулатори. Плъзнете тялото на елемента, за да го преместите, и манипулатор, за да го преоразмерите; преоразмерява се само от манипулаторите. При бутон ъглите и ръбовете уголемяват вътрешния отстъп, така че кутията расте около надписа, без да променя размера на текста (смалите ли го под надписа, шрифтът се смалява, за да се побере); включете „Мащабирай текста с елемента“, за да расте вместо това шрифтът. При текст ъглите мащабират шрифта, а страничните ръбове задават ширината на пренасяне. Буквите не се деформират. Работи с мишка и с докосване, а десктоп и мобилен се нагласят поотделно - влачете в устройството, избрано горе.
Панелът за стил има три части:
- Разположение (за активното устройство) - „Показвай на десктоп“ / „Показвай на мобилен“, Котва (от коя точка се позиционира елементът) и X %, Y %, Ширина % за точни стойности; влаченето и числата се синхронизират.
- Стил на текста - цвят, размер, шрифт, дебелина, подравняване и междуредие. „Основно заглавие (H1 на страницата)“ отбелязва елемента като основното заглавие на страницата (SEO). „Мека сянка“ добавя лек ореол за четимост върху снимки. „Фонов чип“ слага цветно фонче зад текста, с цвят, прозрачност, отстъпи X/Y и заобляне.
- Стил на бутона - Плътен, Контур или Текст и „Мащабирай текста с елемента“. За прозрачен бутон с рамка изберете „Контур“ или свалете непрозрачността на фона на 0 и задайте цвят и дебелина на рамката.
Разположение за всеки език. Преводите рядко са еднакво дълги, затова разположението и стилът се пазят за устройство и език (десктоп × български, десктоп × английски, мобилен × български, мобилен × английски). Превключвателите Десктоп / Мобилен и езикът горе решават едновременно кой превод пишете и кое разположение нагласяте; преместване или преоразмеряване променя само този език. Език, който още не сте пипали, тръгва от разположението на основния ви език.
Без превод - без показване
Елемент без текст за даден език не се показва на сайта в този език - посетителите не виждат нищо на негово място, вместо текст на друг език. В панела такъв елемент е избледнял и отбелязан с Няма превод.
При два и повече видими слайда въртележката рисува своите стрелки и индикатор върху херото - проверете в прегледа, че под тях няма текст или бутон.
Видео слайдове
Изберете Фон → Видео, за да направите слайда видео. Поставете връзка от YouTube или Vimeo (на всеки план) или качете свой MP4 (план Business и нагоре, до 15 MB, съхранява се при нас). И при двата видеото се пуска като фон - без звук, в цикъл, с текста на слайда върху него. Vimeo се пуска напълно без бутони; YouTube показва малък бутон за пускане в средата, който не може да се махне.
Постерът се показва, преди видеото да се зареди, на устройства без автоматично пускане и при предпочитание за намалено движение - винаги задавайте постер. Във въртележка се пуска само активният слайд. На телефони, при пестене на данни и при намалено движение видеото изобщо не се тегли - показва се само постерът. Ако смените плана надолу, каченото видео спира да се показва и слайдът се връща към постера. Изберете спокоен клип, подходящ за цикъл, а за призив за действие добавете бутон вместо връзка върху целия слайд.
Този продукт
На страница на продукт разделът „Този продукт“ (първият в менюто с раздели) показва самия продукт в карта „На живо“. Каквото промените в нея, се записва в магазина с „Запази на живо“ - не е част от черновата и не чака „Публикувай“. Прегледът отива до заглавието и цената на продукта и за миг ги откроява.
- Видим в магазина - изключете го, за да скриете продукта от купувачите (Скрит): те не го виждат никъде и адресът му не се отваря. В редактора скритият продукт се вижда, а под прегледа пише „Скрит продукт - виждате го само в редактора“.
- Изображения - отваря снимките на продукта направо в панела: добавяте, махате и подреждате ги, първата е снимката на картата му. Без снимка редът казва „Качете поне една снимка“.
- Заглавие и Ред за доставка - на езика, избран в „Език на съдържанието“. Празен ред за доставка значи редът на магазина.
- Цена и Стара цена.
- Наличност - кое е налично и кое изчерпано. Тя се променя в пълния редактор на продукта.
- Основна категория - продуктът се добавя и в нея, ако още не е там.
- Етикети - етикетите на магазина. Натиснатите се показват на продукта, в своите цветове.
„Пълен редактор“ отваря продукта в Продукти в нов раздел. Ако имате незаписани промени в картата и тръгнете към друга страница или излезете, редакторът пита дали да ги запише. Картата е само за членове с достъп до Продукти - другите виждат на нейно място кратка бележка, а скритият продукт пак е отбелязан в прегледа. „Как изглежда страницата?“ отдолу води към „Продуктова страница“: галерията, бутоните и секциите са общи за всички продукти.
Нов продукт
В „Отиди на…“ изберете „+ Нов продукт“. Въведете заглавие, цена и категория и изберете „Скрит“ (избрано отначало - виждате го само вие, в редактора, докато не го покажете) или „Видим веднага“. „Създай и отвори“ създава продукта в магазина веднага (не е част от черновата) и отваря прегледа на него в „Този продукт“, където добавяте снимките и останалото. Скритите продукти също се намират в „Отиди на…“ - с отметка „Скрит“. Създаването иска достъп до Продукти › Категории, като бутона „Нов продукт“ в списъка.
От екрана Продукти
„Редактирай в магазина“ горе в редактора на продукт отваря редактора на сайта на този продукт, в „Този продукт“. Същият бутон в списъка Продукти го отваря на „Продуктова страница“. Бутонът се вижда само на член с правото „Редактор на сайта“.
Продуктова страница
На страница на продукт разделът „Продуктова страница“ (менюто с раздели горе в панела) показва шаблона, който следва всяка продуктова страница - промяна тук сменя страниците на всички продукти наведнъж. Отваря се и от Съдържание › Страници и секции › „Продуктова страница“: редакторът показва най-новия продукт, който купувачите виждат (без такъв - страницата „Продукти“). Панелът изрежда частите на страницата; всяка се отваря в свой изглед, а прегледът отива до частта, която редактирате, и за миг я откроява. Промените отиват в черновата като всичко останало и стават видими за купувачите с „Публикувай“.
Галерия
- Галерия на компютър - как се показват снимките на компютър: Плъзгач (по подразбиране, както досега) - по една снимка с миниатюри под нея; или Мозайка - всички снимки наведнъж: първата на цялата ширина в квадрат, а останалите по две една до друга, разделени с тънка линия. До мозайката колоната с името, цената и бутона за поръчка остава на екрана, докато купувачът разглежда снимките надолу (по-висока колона се спира с долния си край, за да не скрие бутона). В мозайката снимките изпълват клетките си, затова краищата им може да се изрежат - с клик всяка се отваря цяла. На телефон галерията винаги е плъзгач.
- Размер на снимките на продукта - каква част от страницата заема галерията на компютър: Малък (~40% от ширината), Среден (по подразбиране - половината, както досега) или Голям (~60%). Понеже снимката запазва собствените си пропорции, по-широкото е и по-високо: при снимки 1080×1350 галерията е съответно около 544, 680 и 816 пиксела висока. На телефон настройката няма ефект - там галерията и без това е на цялата ширина. Не се налага да качвате отделни снимки за телефон и компютър. Настройката важи и за страниците на комплектите - там галерията е същата.
- Увеличение при посочване - колко се увеличава снимката, когато купувачът я посочи с мишката на компютър (увеличението следва курсора, за да разгледа детайл): Без - снимката не се увеличава, а с клик пак се отваря цяла; Малко - умерено увеличение (1,4 пъти); или Голямо (по подразбиране, както досега - 1,8 пъти). На телефон и таблет посочване няма, затова там снимката не се увеличава - докосването я отваря цяла. Важи и за страниците на комплектите.
- Автоматично сменяне на снимките - включено (по подразбиране, както досега) галерията сама минава на следващата снимка на всеки 5 секунди. Когато купувачът сам смени снимката - с плъзгане, със стрелките или с миниатюра - отброяването започва отначало, така че снимката, която е избрал, остава пред него пълните 5 секунди. Докато мишката е върху снимката или е отворена на цял екран, галерията спира. Изключите ли го, снимките се сменят само когато купувачът ги смени. Важи и за страниците на комплектите.
Избор на вариант
- Оформление на избора на вариант - как изглежда изборът на размер/вариант: чипове, решетка, падащо меню, таблица или списък. При чипове стойности, които не се побират на един ред на екрана на клиента, сами минават в падащо меню - същият избор, който ползва и изборът по каталог, вместо стена от чипове. Решението следва реалната ширина на екрана: 37 модела телефони са меню навсякъде, а 7 размера на пръстен могат да са чипове на компютър и меню на телефон. Над 8 стойности менюто има и търсачка. Решетката и списъкът остават каквито сте ги избрали, а цветовете винаги си остават мостри. В решетката всички клетки са широки колкото най-дългата стойност, така че дълъг размер като
98 - 104 см / 3 - 4 годстои на един ред: дългите стойности просто дават по-малко клетки на ред.
Самите варианти (размери, цени, наличност) са данни на продукта и се редактират в него.
Описание и секции
- Оформление на описанието - как се подреждат секциите с описание под продукта: Акордеон, Табове, Една под друга, Две колони или Странична лента.
- Секции с описание - списъкът със секциите в реда, в който се показват; подреждате ги със стрелките ↑ ↓ (на компютър може и да ги влачите). До всяка стои видът ѝ (Споделена, За всеки продукт, За всяка категория, За всеки комплект) или Скрита. „Характеристики“ (атрибутите на продукта) се показват винаги втори и се редактират в Продукти › Атрибути. „Нова секция“ добавя секция и я отваря.
- Една секция - моливът я отваря: Тип съдържание, Икона по избор, заглавието на езика, избран в „Език на съдържанието“, а при споделената - и съдържанието в редактор за форматиран текст (с Вмъкни поле). Отваря се и от избора на (напр. Размер) показва връзка към секцията до този избор на продуктовата страница. Показвай на продуктовите страници я скрива, без да я изтрива. Изтрий секцията пита първо; съдържанието, което продуктите и категориите са написали за нея, спира да се показва с нея. Ако я върнете с „Върни“ в „История на публикуванията“, то се показва отново. Ако смените вида на споделена секция и после го върнете, текстът ѝ остава. Секциите на страниците на комплекти също се виждат в прегледа, преди да публикувате.
- Секция без заглавие на нито един език не се публикува.
Бутон за поръчка
- Добавяне в количката - как купувачът добавя продукта: С избор на брой (по подразбиране за всеки магазин) - над бутона Добави в количката стои полето Количество с − и +, в което бройката може и да се напише; бутонът добавя толкова бройки и полето се връща на 1. Ако написаното е повече от наличното, полето го намалява и казва защо, например „Налични са 7 бр.“; един ред в количката побира до 100 бр. (при цени на едро - до 9 999). Не се показва при изчерпан продукт, при продукт без цена и докато редактирате дизайна на вече добавен персонализиран продукт - тогава количеството се сменя от количката. Бързата поръчка и лентата на телефона поръчват същото количество. Само бутон - видът отпреди: само бутонът, който добавя 1 бр. Продукт с цени на едро показва полето и при Само бутон - праговете му зависят от количеството. Картите на продуктите и витрината на началната страница продължават да добавят по 1 бр.
Лента „Добави в количката“ на телефон. Щом купувачът превърти покрай бутона за поръчка, в долния край на екрана се появява лента със снимката, името и цената на продукта и бутона Добави в количката - той добавя същото като основния бутон и същото количество - при повече от една бройка в полето Количество бутонът казва например Добави 3 бр. Ако още не е избран размер или вариант, лентата връща купувача до избора; ако избраният вариант е изчерпан - до формата „Извести ме“. Лентата е включена за всички магазини и няма настройка; не се показва на компютър, при изцяло изчерпан продукт и при продукти с персонализация или по каталог. Бутоните за обаждане и чат и банерът за бисквитки се повдигат над нея, а страницата получава място отдолу, така че лентата не закрива нищо.
Значки за доверие
До 6 значки за доверие под бутоните за поръчка (напр. „Доставка 1-2 дни“, „Преглед и тест“, „14 дни връщане“, „Сигурно плащане“). Всяка е ред: икона (същият избор като при секциите), текстът ѝ на езика, избран в „Език на съдържанието“, стрелките ↑ ↓, които я местят (на компютър може и да я влачите), око, което я показва или скрива, и кошче. „Добави значка“ добавя нова. Ако още нямате нито една, „Използвай препоръчания набор“ попълва начален комплект според включените ви доставчици и правилата за връщане - оттам ги редактирате. „Преглед и тест“ влиза в него само ако куриер наистина го предлага - картата При доставка до клиента на таба му (засега Econt) е на Преглед и тест. Значка без текст не се публикува, а без видими значки лентата не се показва изобщо. Когато я отворите, прегледът отива до лентата и за миг я откроява.
Продадени и прегледи
- Показвай брой продажби - включите ли го, под заглавието на продукта се показва брояч „X продадени" като социално доказателство. Броят се реалните продажби (без тестови и отказани поръчки). Скрит е, докато продуктът не достигне минимума, който задавате в полето под превключвателя (по подразбиране 5), така че съвсем ниски числа („2 продадени") не се показват. Големите числа се съкращават (напр. „1.2k"). Прегледът го показва само при реални продажби.
- Показвай брой преглеждания - включите ли го, под заглавието се показва брояч „X преглеждания". Преглежданията се броят винаги (анонимно, по едно на посещение на браузър, без бисквитки) - този превключвател решава само дали купувачите виждат числото, затова щом го включите, то вече е реално. Също е скрит, докато не се достигне минимумът, който задавате под превключвателя (по подразбиране 10).
Свързани продукти
- Оформление на свързаните продукти - как изглеждат картите с „други варианти" в колоната с информация до снимката: Вертикални карти (по подразбиране) - снимка отгоре и име отдолу, по няколко на ред (броят зависи от размера по-долу); или Хоризонтални карти - малка снимка вляво до името, по една на ред.
- Размер на картите на свързаните продукти - колко големи са тези карти, независимо от оформлението им: Малък (по подразбиране) - компактни миниатюри, по три на ред, за да не се борят за внимание със самия продукт; Среден; или Голям - предишният по-едър вид, по две на ред.
Кои продукти са свързани се задава в самия продукт - това са данни на живо.
Ред за доставка
- Ред за доставка - изречението под цената на всеки продукт, което казва кога ще изпратите поръчката, по едно за всеки език на магазина (пишете на езика, избран в „Език на съдържанието“). Празно поле показва автоматичното изречение с името на първия ви куриер, например „В наличност - доставка за 1-2 работни дни с Econt“, което не се показва, докато не включите куриер. Напишете свое, например „Изработва се по поръчка - изпращаме до 9-15 работни дни.“. По желание можете да ползвате {days} (срокът „1-2 работни дни“) и {courier} (името на първия ви куриер); изречение без {courier} се показва и когато още нямате включен куриер. Това е същият текст като реда
products.delivery.lineв Онлайн магазин › Преводи. „Публикувай“ сменя само езиците, които сте редактирали тук; ред на друг език, променен междувременно в „Преводи“, остава какъвто е. „Върни“ на такава публикация връща реда на всички езици такъв, какъвто беше преди нея - и ред, променен по-късно в „Преводи“. Продукт с различен срок получава свой ред в раздела „Основни“ на редактора си, а изчерпан продукт винаги показва автоматичния ред за изчерпване.
Ширина на страницата
- Ширина на страницата - колко широка е продуктовата страница, със същите избори като Ширина на секцията на началната страница: Контейнер (по подразбиране, както досега), Широка, Пълна ширина (с малък отстъп) и От край до край. При двете пълни ширини снимките стигат до ръба на екрана - на 8 px от него или точно до него - а текстът (пътеката, колоната с цената, секциите и лентите с продукти) запазва отстъпа си. На телефон изборите се различават по отстъпа на снимката. За продукт с персонализация полето за дизайн остава в отстъпа.
Свързани настройки (на живо)
Под частите стоят връзки към екрани, които също оформят продуктовата страница, но записват веднага: Бърза поръчка (Продукти › Бърза поръчка), Кампания на магазина (обратното броене и отстъпката, в Продукти › Категории) и Ниска наличност (под колко бройки се показва „Остават 3 бр.“, в Продукти › Наличности). Преди да ви отведе там, редакторът записва чакащите промени.
Магазин: тема
Първата група в раздела „Магазин“, „Вид“, е темата на сайта: „Цветове“, „Шрифтове“, „Стил и бутони“, „Продуктови ленти“ и „Анимация при зареждане“. Всеки ред отваря своя изглед и казва какво е избрано (напр. „12 цвята · палитра „Noir““). Точката „Чернова“ стои на реда, чиито настройки сте променили. При публикуване петте реда са една зона, „Тема“. Старият адрес на екрана Облик отваря редактора точно тук, на цветовете.
Темата важи за всяка страница. При „Продуктови ленти“ прегледът отива до първата лента на страницата (или отваря началната страница, ако на текущата няма такава) и за миг я откроява, а при „Анимация при зареждане“ пуска анимацията.
Цветове
- Цветови палитри - 18 готови палитри, всяка с трите си основни цвята и името си. Щракването зарежда цялата палитра; отметка стои на палитрата, която съвпада с цветовете ви.
- Персонализирана палитра - 12-те цвята поотделно: основният цвят и този при посочване, акцентите, фонът, текстът и границите, всеки с цвят и код (напр.
#3b82f6). Докато пишете код, който още не е цвят, той не се прилага и под полето пише защо; щом излезете от полето, в него се връща последният валиден цвят. - Запазени палитри - „Запази текущата палитра“ пази текущите 12 цвята под име (напр. „Стандартна“ и „Black Friday“), за да смените цялата схема с един клик. Пазят се само цветовете. Самите палитри се записват веднага, извън черновата; „Приложи“ само зарежда цветовете в черновата и те стават публични, когато публикувате. „Активна“ е палитрата, която съвпада с публикуваните цветове, „Заредена“ - тази в черновата. Всяка запазена палитра може да се преименува или изтрие.
- „Върни към шаблона по подразбиране“ (най-долу) връща цветовете, шрифтовете и стила към стандартните за оформлението ви. Пита преди това и пише в черновата: прегледайте, после публикувайте или отхвърлете, както всяка промяна.
Шрифтове
- Готови двойки - шрифт за заглавия и за основен текст с един клик. Деветте двойки са плочки: всяка показва примерен текст на кирилица и имената на двата си шрифта (напр. „Playfair + Inter“), а двойката, която съвпада с текущите ви шрифтове, е отбелязана. Описанието излиза, когато задържите курсора върху плочката. Готовите шрифтове са шест и всички поддържат кирилица: Inter, Montserrat, Nunito, Playfair Display, Oswald и Jost. Посетителят зарежда само шрифтовете, които сайтът реално ползва.
- Изберете шрифтовете поотделно - Шрифт за заглавия и Шрифт за основен текст независимо един от друг.
- Качете свой шрифт - до 10 собствени файла (.woff2, .ttf или .otf, до 2 MB), след потвърждение, че имате право да ползвате шрифта. Всеки качен шрифт носи етикет Кирилица / Без кирилица и бутони, с които го задавате за заглавия или за основен текст. Качването и изтриването се записват веднага; изборът на шрифт е в черновата. Шрифт, който сайтът или черновата ползват, не може да се изтрие - първо изберете друг.
Стил и бутони
- Готови стилове задават наведнъж заоблянето на ъглите, дебелината на рамката, формата на бутоните и сянката; после можете да ги коригирате поотделно.
- Бутон „Виж всички“ - как изглежда връзката в заглавията на категорийните секции и витрините: текст със стрелка (стандартно), контурен бутон, плътен бутон или подчертан текст. Банерните бутони запазват своя вид.
- Бутон на количката - как изпълва горната лента на магазина: Пълна височина (стандартно), С отстъп или Компактен (винаги 44 px). Разликата личи най-много при голямо лого, когато лентата е по-висока.
Продуктови ленти
- Колко продукта показва наведнъж един плъзгащ се ред (категорийните ленти, „Избрани продукти“, списъкът с категории в /products) - поотделно за телефон и компютър. На телефон половин карта може да наднича (напр. 2,5), което подсказва, че има още.
- Затъмняване в краищата - Изкл., Малко, Средно или Голямо (стандартно).
- Настройката важи за всяка лента; отделна секция на началната страница може да промени броя само за себе си.
Анимация при зареждане
Какво виждат посетителите, докато се зарежда страница: спинер, лента отгоре, скелетни карти, пулсиращо лого, подскачащи точки или лента с размазване. Същата анимация се показва и докато приемаме поръчката при плащане. Докато изгледът е отворен, прегледът пуска анимацията веднъж след всяка промяна.
С какво да започнете
Ако започвате от нулата: първо готов стил, после цветовете (един основен и един акцент изглеждат най-професионално), после двойка шрифтове, които се четат лесно на телефон. Прегледайте сайта на телефон и компютър (горе, Десктоп / Мобилен), преди да публикувате.
Самото оформление (подредбата на секциите) се задава от екипа на ZweiHost; пишете ни, ако искате друго. На магазин с тема (код на темата) цветовете и шрифтовете оттук важат и за нея.
Магазин: навигация
Разделът „Магазин“ е един и същ на всяка страница: в него са частите, които важат за целия сайт. Изберете го от менюто „Раздел“ горе в панела. Засега в него са „Тема“ (вижте по-горе), „Продуктови карти“, „Лента със съобщения“, „Хедър“, „Навигация“ - менюто в горната част на сайта, „Етикети в менюто“, „Футър“, „Банер за бисквитки“, „Прозорец за бюлетин“ и „Контакти“ (вижте по-долу). Когато отворите навигацията, прегледът за миг откроява менюто. Старият адрес на екрана Навигация отваря редактора точно тук.
Настройки на менюто
- Стил на падащото меню - „Списък“ (класическо вертикално меню под елемента) или „Панел - мега меню“ (широко меню на цялата ширина, с подкатегориите в колони).
- Автоматични подменюта - всеки елемент-категория се пълни сам от подкатегориите си. При „Списък“ това дава едно ниво. При „Панел“ всяка подкатегория, която сама има подкатегории, става колона със заглавие, а под него - нейните подкатегории. Подкатегория без свои подкатегории е обикновена връзка, затова смесено меню изглежда наред.
- Брой връзки в колона (от 1 до 50) - колко подкатегории показва една колона. Ако има повече, отдолу се добавя „Виж всички“. Показват се първите по вашата подредба в Продукти › Категории. Важи само при „Панел“ с включени автоматични подменюта.
- Ширина на менюто - Тясно (по подразбиране), Средно или Широко. Това не е разстоянието между връзките, а колко връзки остават на реда, преди останалите да отидат в „Още“.
- При препълване - Меню „Още“ (каквото не се събира, отива в падащо „Още“), Хоризонтален скрол или Само хамбургер на всички ширини.
- Търсене на продукти - Икона за търсене (по подразбиране, лупа, която отваря панел) или Лента за търсене, винаги видима на компютър. На телефон търсенето винаги е икона.
- Снимки в мобилното меню - на телефон подменю, в което всяка категория има изображение, се показва като плочки със снимки по две на ред. Ако дори една категория няма изображение, остава списък. По подразбиране е изключено.
Менюто
- Докато не добавите елемент, сайтът показва автоматично меню - категориите и страниците ви в текущия им ред. Първият добавен елемент го заменя с ваше.
- „Добави елемент“ добавя категория, страница, „Всички продукти“, „Всички комплекти“, собствена връзка или позицията на логото.
- Пренареждайте с влачене. На телефон са стрелките ↑↓ до всеки ред.
- Всеки ред казва накратко какво прави елементът („4 колони · авто от категориите“, „Без подменю“). Натиснете реда, за да го отворите.
Един елемент
- Етикет - за езика, избран горе в панела. Празно поле показва името на свързаното нещо, вече преведено.
- Адрес на връзката - само за собствена връзка.
- При запълнена лента - „Автоматично“ (свива се в „Още“ при нужда), „Винаги показвай“ или „Винаги в Още“.
- Подменю - добавете под-елементи, за да направите падащо меню. Ако не добавите нищо, подменюто се пълни само от подкатегориите (при включени автоматични подменюта).
- Снимки в падащия панел - при стил „Панел“ и елемент с подменю: до 2 снимки вдясно в панела. За всяка задайте вертикално изображение (4:5), заглавие и втори ред по желание за всеки език и накъде води. Докато на снимка липсва изображение или цел, промяната в менюто чака и под панела пише какво липсва.
- „Премахни от менюто“ изважда елемента от черновата; на сайта остава, докато не публикувате.
Лого в средата. Ако оформлението на хедъра е „Лого в центъра“ („Магазин“ › „Хедър“), добавете позицията на логото и я преместете там, където искате логото: елементите преди нея са вляво, а тези след нея - вдясно. Важи само на компютър.
Магазин: етикети в менюто
„Етикети в менюто“ са цветните надписи до категориите в менюто - напр. „НОВО“ до нов модел, „-50%“ до разпродажба. Редът е в групата „Горна част“ на раздела „Магазин“ (показва се на магазин с каталог) и казва колко етикета имате. Когато го отворите, прегледът за миг откроява менюто.
- Всяка карта показва текста на етикета, двата му цвята и категориите, които го носят. „Редактирай“ отваря етикета в панела: текст, цвят на фона, цвят на текста (с преглед) и категориите - с търсачка, защото каталозите с много модели са дълги.
- Една категория носи най-много един етикет. Ако включите категория, която вече носи друг етикет, тя се премества - редът го казва предварително („сега показва „НОВО““).
- „Нов етикет за менюто“ добавя етикет, щом му дадете текст; „Изтрий етикета“ в него го маха.
- Всичко - текстове, цветове и категории - е в черновата: купувачите виждат промяната, щом я публикувате. Старият раздел Продукти › Етикети › Навигация по категории вече го няма; там остават етикетите върху продуктите.
За да се виждат етикетите, менюто трябва да показва категориите ви (вижте „Навигация“ по-горе).
Магазин: лента със съобщения
„Лента със съобщения“ е първа в групата „Горна част“ на раздела „Магазин“: движещата се лента с кратки съобщения над всяка страница на сайта. Когато я отворите, прегледът за миг откроява лентата.
- „Показвай лентата със съобщения“ я включва и изключва. Изключена лента пази съобщенията си, за да ги намерите, когато я включите отново.
- Съобщения - до 4, всяко с текст на всеки език на сайта: превключете езика от „Език на съдържанието“. „Изтрий“ маха съобщението, „Добави съобщение“ добавя ново.
- „Скорост (секунди за цикъл)“ - от 10 до 120 секунди за една обиколка; празното поле връща 30.
- „Разстояние между съобщенията“ - от 0 до 8 rem; празното поле връща 2.
- „Заглаждане на краищата на лентата“ - съобщенията плавно се появяват и изчезват в двата края.
Отделна категория може да скрие лентата на своята страница. Известието над формата за поръчка се редактира на страницата „Каса“ (вижте [Количка, каса и приета поръчка](#количка-каса-и-приета-поръчка)).
Магазин: хедър
„Хедър“ е в групата „Горна част“ на раздела „Магазин“, между лентата със съобщения и навигацията. Тук са логото, фавиконът и как изглежда горната лента на сайта - досега в Настройки › Общи (картите „Лога“ и „Превключвател на езици“). Бутонът „Редактирай в магазина“ в Настройки › Общи отваря редактора точно тук. Когато отворите хедъра, прегледът за миг го откроява.
- Лого - логото в горната лента на сайта. Използвайте PNG или SVG с прозрачен фон. Докато нямате отделно лого, магазинът показва за лого изображението от „Фавикон“: полето го показва и го казва, а качването на лого тук ги разделя.
- Фавикон - иконата в раздела на браузъра и при споделяне на сайта. Най-добре работи квадратно изображение - PNG или SVG. В прегледа на редактора не се вижда (там няма раздел на браузъра), затова го проверявате по картинката в панела. Ако магазинът го ползва и за лого, премахването му маха и логото, затова редакторът първо пита.
- Разположение на логото - вляво от името, вдясно от името или само лого (скрива името).
- Оформление на хедъра - къде стои логото в лентата: Лого вляво (по подразбиране), Лого в центъра, Лого в центъра с меню отдолу, или Лого вдясно. „Лого в центъра, меню отдолу“ дава на логото собствен ред, а менюто застава центрирано на втори ред под него (на телефон се свива като „Лого в центъра“). Това е различно от „Разположение на логото“, което подрежда логото спрямо името на бизнеса.
- Размер на логото - Малко, Средно, Голямо или Много голямо. Всички размери се побират в хедъра, без да го разместват.
- Хедърът над началния банер - Изключено (по подразбиране), Светъл текст или Тъмен текст. Когато е включена, на началната страница хедърът стои прозрачен върху банера и става плътен при първото превъртане. Работи само с оформлението „Classic Stacked“ и само когато херото има поне един активен слайд. Изберете Светъл текст за тъмни снимки и Тъмен текст за светли.
- Лого върху снимка (по избор) - светъл вариант на логото, който се вижда, докато хедърът е прозрачен. Без него остава обичайното лого върху мека тъмна сянка.
- Превключвател на езици - как посетителите сменят езика: падащо меню, връзки с имената на езиците, само флагове или кодове (EN / BG). Показва се само когато сайтът има повече от един език.
- Бутон за обаждане - отваря „Контакти“ (вижте по-долу): плаващият бутон е част от данните за контакт и се записва на живо.
Всяка промяна отива в черновата и прегледът показва хедъра веднага; купувачите го виждат след „Публикувай“. „Хедърът над началния банер“ и „Лого върху снимка“ са част от херото на началната страница, затова при публикуване са в реда на херо карусела; останалите - в реда „Магазин · Хедър“.
С тема. Ако темата на магазина рисува собствен хедър, най-горе в панела пише това: логото, фавиконът и превключвателят на езици важат, а разположението, оформлението, размерът и хедърът над банера - не. Магазин с тема изобщо не показва хедъра над банера.
Магазин: футър
„Футър“ е в групата „Долна част“ на раздела „Магазин“. Футърът се създава автоматично от данните на магазина ви - връзките, контактите и значките за плащане и доставка; тук избирате как изглежда и какво показва. Когато отворите футъра, прегледът превърта до него и за миг го откроява. Старият адрес на екрана Футър секция отваря редактора точно тук.
Социални мрежи
Връзки към Instagram, Facebook, TikTok и YouTube. Празно поле означава, че иконата не се показва. Адрес без https:// го получава сам.
Облик и марка
- Тема на футъра - Тъмна или Светла. Цветовете идват от вашата тема, така че футърът винаги е в тон с останалата част от сайта.
- Лого (по избор) - изображение, което замества текстовото заглавие (напр. широк надпис вместо името на магазина). Използвайте широко лого, което се чете на фона на футъра.
- Заглавие на марката (по избор) - показва се вместо името на магазина. Оставете празно за името на магазина; не се показва, когато има лого.
- Описание - кратък текст под логото, с форматиране (получер, курсив, връзки и списъци).
Заглавието, описанието и собственото заглавие на бюлетина са за езика, избран в „Език на съдържанието“; логото и превключвателите са общи за всички езици.
Форма за бюлетин
Лента за абониране в горната част на футъра. „Показвай формата за бюлетин“ я включва и изключва изцяло. Заглавието автоматично показва отстъпката ви за нови клиенти (напр. „Вземете 10% отстъпка за първата поръчка“); ако нямате такава, се показва обща покана. Отстъпката се настройва от Настройки › Имейли. „Собствено заглавие“ замества автоматичното заглавие със свой текст. Лентата се скрива сама, щом посетителят се абонира или влезлият клиент вече получава имейлите ви.
Колони с връзки
Колоните „Информация“ и „Клиентско обслужване“ се попълват автоматично с връзките, които съществуват (За нас, блог, въпроси, доставка, връщане, контакти, проследяване на поръчка). Всяка има превключвател, с който да я скриете; колона без връзки се скрива и сама.
Контакти и значки
- Контакти - телефон, имейл и адрес от Настройки › Общи, и работното време от седмичния график на бизнеса, подредено по дни («Пн - Пт 10:00 - 19:00», почивните дни - «Почивен ден»). Задавате ги в Настройки › Общи › Работно време; онлайн магазин ги показва само ако е включил „Показвай работното време в сайта“, а салон с резервации - винаги. „Показвай контакти“ скрива блока изцяло.
- Значки - методите ви на плащане и активните куриери, с истинските им лога. Показва се само това, което магазинът наистина предлага; „Показвай значки за плащане и доставка“ ги скрива изцяло.
Магазин: банер за бисквитки
„Банер за бисквитки“ е в групата „Изскачащи“ на раздела „Магазин“ и казва кое оформление е избрано. Тук избирате как изглежда банерът за съгласие с бисквитки на сайта:
- Ъглова карта - компактна карта в долния ляв ъгъл.
- Долна лента - лента по цялата ширина в долния край на страницата.
- Модал в центъра - прозорец в средата на екрана върху затъмнен фон.
Докато зоната е отворена, прегледът показва банера на всяка страница и го държи отворен - бутоните му не го затварят и не записват избор. На началната страница прегледът не показва изскачащи елементи, затова там се отваря страницата с всички продукти. Оформлението е единствената настройка: банерът винаги пита за съгласие за аналитични и маркетингови бисквитки (строго необходимите са винаги активни), а текстовете му са на платформата. Какво се зарежда след съгласие, зависи от Маркетинг › Проследяване: картата „Текстовете и категориите“ отваря този екран в нов раздел. Оформлението ползва цветовете, шрифтовете и стила на магазина.
Магазин: прозорец за бюлетин
„Прозорец за бюлетин“ е до банера в групата „Изскачащи“ и казва оформлението и изчакването (напр. „Върху изображение · след 12 сек“) или „Изключен“. Това е изскачащият прозорец, с който посетителите се записват за бюлетина ви:
- „Изскачащ прозорец“ го включва и изключва; показва се веднъж на посетител.
- „Оформление“ - Разделено с изображение, Компактно или Върху изображение, с изображението му (и страната му при разделеното, портретно изображение за мобилни при „Върху изображение“).
- Текстовете за всеки език на сайта („Език на съдържанието“): надзаглавие, заглавие, текст, текст на бутона, плейсхолдър за имейл и съобщение при успех.
- „Забавяне преди показване“ (0-120 секунди) и „Показвай бутон за затваряне (X)“.
Докато зоната е отворена, прегледът показва прозореца веднага на всяка страница и го държи отворен (от началната страница се отваря страницата с всички продукти); записване от прегледа само показва съобщението при успех - никой не се абонира. Записалият се получава кода за добре дошли, ако сте го включили: картата „Отстъпката за абонамент“ отваря Настройки › Имейли (раздел „Автоматични кодове“) в нов раздел. Препоръчителните размери на изображенията са в Бюлетин. На план без бюлетин зоната е заключена и води към плановете.
Магазин: продуктови карти
„Продуктови карти“ е в групата „Вид“ на раздела „Магазин“ и казва колко оформления има (напр. „5 вградени · 1 мое оформление“). Тук решавате как изглежда всяка продуктова карта в сайта: в категориите, в „Продукти“, в търсенето, при запазените продукти в акаунта на клиента и в лентите на продуктовата страница. Тук са оформленията на картите, бутонът „любими“, оценката, цените на едро и картите в търсенето и в акаунта. Когато отворите зоната, прегледът отива до първата карта на страницата и за миг я откроява; ако на страницата няма карти, отваря всички продукти. Картата „Продуктови карти“ в „Страници и секции“ и старите адреси (табът Продукти › Продуктови карти и редакторът на оформление на картата) отварят зоната на „Всички продукти“, където картите винаги се виждат.
- Промените отиват в черновата като всички други. При публикуване редът „Магазин · Продуктови карти“ казва какво се е променило: колко оформления има („Оформления на картите: 1 → 2“), че оформленията са променени, кой превключвател е сменен или че са сменени други настройки на картите.
- Чернова, която добавя оформление над лимита на плана ви (вижте по-долу), не се записва, а такова публикуване се отказва със съобщението „Планът ви не позволява повече ваши оформления на карти.“
Оформления на продуктовите карти
- Предефинирани - Стандартно, Редакционно, Витрина, Портрет и Галерия. Поддържаме ги ние и не се променят. Под всяко пише в колко категории се използва. Моливът до него прави ваше копие („… - моята версия“), точно както изглежда в момента, и го отваря в дизайнера; оригиналът остава непокътнат.
- Моите оформления - вашите собствени. Под всяко пише коя категория го използва (и колко още). Натиснете го, за да го отворите в дизайнера.
- „Ново оформление“ прави копие на „Стандартно“ и го отваря в дизайнера.
- Колко свои оформления имате право зависи от плана: Solo - 1, Pro - 3, Business - 10, Enterprise - без ограничение. Предефинираните не се броят. Под списъка пише колко сте използвали. На лимита моливите, „Ново оформление“ и „Дублирай“ спират и се появява „Виж плановете“, което отваря плановете в нов раздел. Ако след смяна на плана имате повече, отколкото позволява, запазвате ги - можете да ги променяте и триете, но не и да добавяте нови.
- Галерия - предефинираното оформление, при което снимката е самата карта. На компютър картата показва само снимката (висока, 4:5). Когато клиентът посочи картата с мишката (или стигне до нея с клавиатурата), се появява втората снимка на продукта, а върху долната ѝ част излиза надпис с името, краткото описание на един ред, цената и бутон. На телефон няма посочване, затова името и цената стоят под снимката, а описанието и бутонът не се показват. Продукт без втора снимка просто показва първата.
- Новото ви оформление може да изберете веднага и в „Тази категория“ или в секция „Избрани продукти“, още преди да е публикувано. Тогава при публикуване отметката на тази зона отмята и „Продуктови карти“, защото без тях оформлението още не съществува, а махнете ли отметката от „Продуктови карти“, тя се маха и от зоната. „Продуктови карти“ можете да публикувате и сами.
Дизайнерът на картата
Натиснете ваше оформление (или молива на предефинирано) и панелът показва дизайнера. Всяка промяна се записва сама в черновата и пренарежда истинските карти в прегледа - отделен преглед на картата вече няма.
- Име на оформлението - името, с което го избирате навсякъде. Две ваши оформления не може да имат едно и също име.
- Състояние на продукта - В наличност, Малко, Изчерпан или Без следене показва картите на категорията или на всички продукти в това състояние, за да видите как изглежда изчерпан продукт или „Остават 3 бр.“. Само за прегледа - нищо не се записва и купувачите не го виждат. Вижда се, когато прегледът е на категория или на „Всички продукти“.
- Снимка - Форма на снимката (1:1, 4:5, 3:4, 2:3, 4:3, 3:2), поотделно за компютър и телефон, и Побиране. Когато формата съвпада с вашите снимки, нищо не се отрязва; „Показва цялата снимка“ добавя поле отстрани вместо да реже краищата. Показвай втората снимка при посочване сменя снимката с втората снимка на продукта, докато клиентът посочва картата (само на компютър). Формата не променя ширината на картата - тя решава колко висока е снимката.
- Форма - с рамка или без, сянка и разстояние между картите в решетката. Минимално разстояние е около 4 px.
- Съдържание и подредба - първо Разстояния: при Подравнени всяка показана част пази мястото си, затова цените и бутоните в един ред са на една линия; при Компактни всяка част стои точно под предишната, а бутоните пак са на една линия най-долу. После подреждате частите - заглавие, кратко описание, цена, наличност и бутон. Под снимката те стоят на редове: всеки ред има една или две части и свое подравняване (Ляво, Център, Дясно, а при две части и Двата края). С + Добави до слагате втора част до първата (само двойките, които се побират), с + Нов ред добавяте ред, а редовете пренареждате със стрелките нагоре и надолу. Отдолу са списъците Върху снимката и При посочване. Редове на заглавието (1, 2, 3 или Цяло) и Редове на описанието (1 или 2) задават колко реда се показват. Бутон - компактен до цената, широк отдолу, при посочване върху снимката или без бутон; ако махнете бутона, сърцето „до бутона“ минава горе вдясно на снимката и дизайнерът ви казва това. Сърце „Любими“ - къде стои сърцето на тази карта.
- Наличност - Показване: Винаги („В наличност“ или „Остават 3 бр.“), При малко (само „Остават 3 бр.“) или Скрий; Къде: под снимката или върху снимката като етикет (там само „При малко“).
- Изчерпани продукти - видът от петте плочки, всяка с тази карта, изчерпана: Етикет в ъгъла, Диагонална лента, Лента върху снимката, Затъмнена карта или Без промяна в дизайна. Бутонът на изчерпан продукт винаги казва „Изчерпано“. Видът важи винаги - преместването на изчерпаните в края е в „Всички категории“. Предефинираните оформления показват вида, който магазинът ви показваше досега.
- Размер на текста - поотделно за компютър и телефон.
- „Дублирай“ прави копие до оформлението („… (копие)“). „Изтрий“ пита първо; ако категории го използват, казва колко - след публикуване те показват вграденото си оформление и магазинът продължава да работи.
Навсякъде в магазина
- Едно оформление навсякъде - включите ли го и изберете оформление (предефинирано или ваше), всички продуктови карти в сайта изглеждат еднакво. Докато е включено, замества оформлението на всяка категория - затова в „Тази категория“ редът „Оформление на картите“ показва тази карта, без да може да се смени, а под „Карта „любими“ в акаунта“ и „Карта в резултатите от търсене“ пише, че важи то. Изключите ли го, изборът ви се запазва.
- Бутон „любими“ - къде стои сърцето „запази в любими“: изключено, икона горе вдясно, икона долу вдясно или до бутона „Изберете опции“. Показва се само когато добавката Клиентски акаунти е включена. Фон на бутона „любими“ - Без фон, Бял фон или Бял кръг, само за разположенията „икона върху снимката“. Собствени цветове сменя бялото по подразбиране с Цвят на сърцето и Цвят на фона; запазеното (запълнено) сърце остава във вашия основен цвят.
- Показвай оценката - звездите със средната оценка и броят отзиви под заглавието на всяка карта (напр. „4,7 · 3“), навсякъде, където има продуктова карта. Минимален брой отзиви (по подразбиране 3) е прагът, под който продуктът остава без оценка; броят се само одобрените отзиви.
- Показвай цени на едро в картите (план Pro и нагоре) - под цената на продукт с цени на едро се показва най-ниската цена на бройка при голямо количество, например „от €3.00/бр. при 31+ бр.“. Вижте Цени на едро.
- Карта „любими“ в акаунта и Карта в резултатите от търсене - кое оформление ползват запазените продукти в акаунта на клиента и страницата с резултати от търсене. Те смесват продукти от всички категории, затова имат собствен избор - предефинирано или ваше оформление. Запазени продукти има само с добавката Клиентски акаунти - без нея под картата „любими“ пише това.
Магазин: контакти
„Контакти“ е в групата „Данни на магазина“ на раздела „Магазин“ и е „На живо“: името на фирмата, показваното име, телефонът, имейлът за контакт, адресът (за всеки език на сайта - превключете от „Език на съдържанието“), „Покажи локацията в Google Maps“ и „Покажи бутон за обаждане в магазина“. Ползват се във футъра, на страница „Контакт“ и в плаващия бутон за обаждане, който се показва само когато има въведен телефон. Не са в черновата: „Запази на живо“ ги записва в магазина веднага, а ако излезете с незаписани промени, редакторът пита първо. Същите данни остават и в Настройки › Общи (връзката „Пълен редактор“), заедно с данните за банков превод. Редът се вижда само за потребители с достъп до Настройки › Общи.
Всички категории
На страницата на която и да е категория разделът „Всички категории“ показва какво следват всичките ви категории, освен където категория има своя стойност. Отваря се и от Всички продукти › Изглед и филтри и от картата „Категории“ в Страници и секции.
- Мрежа и странициране - Колони, Колони - на телефон, Редове на страница, „При повече продукти“ (бутон „Покажи още“ или номерирани страници) и „Ширина“ (същите стойности като при секциите на началната страница).
- Подредба и подкатегории - подредбата, с която се отварят страниците, как стоят подкатегориите (решетка, списък, лента, чипове, като филтър или скрити) и кои продукти се показват (само тази категория, само подкатегориите или всичко заедно). Подкатегориите „Като филтър“ се нуждаят от продуктите на подкатегориите, затова при тях „Само продуктите на тази категория“ не се предлага.
- Цени и изчерпани - „Показване на цената“ (стандартна или компактна) и „Премести изчерпаните продукти в края“ на всеки списък в магазина (категории, всички продукти, свързани продукти, търсене, любими). Как изглежда картата на изчерпан продукт се задава в дизайна на картата.
Всяко поле показва какво прави магазинът, ако не зададете нищо (например „Авто (адаптивно)“) - изберете го обратно, за да махнете настройката. Категориите със своя стойност са изброени под настройките; всяко име отваря страницата на категорията. Промяната важи веднага в прегледа за всяка категория, която следва общото, включително новите.
Ширина
„Ширина“ (последното поле в „Мрежа и странициране“) решава докъде стигат продуктите и страничната лента с филтрите. Стойностите са същите като при секциите на началната страница:
- „Контейнер“ и „Широка“ - центрирана колона (около 1150 и 1400 пиксела на широк екран); пътечката и заглавието се подравняват с нея.
- „Пълна ширина (с малък отстъп)“ - продуктите стигат почти до краищата на екрана, на 8 пиксела от тях.
- „От край до край“ - продуктите стигат до самите краища, а заглавието и лентата с филтрите запазват малко поле, за да не се лепят за ръба.
„Автоматична“ запазва досегашния вид. На телефон „Контейнер“ и „Широка“ изглеждат еднакво, „Пълна ширина“ оставя поле от 8 пиксела, а „От край до край“ маха страничното поле изцяло. Със странична лента филтрите запазват полето си отляво; до края стигат продуктите.
Филтри
„Филтри“ решава как клиентите минават от категория в категория и как изглежда всеки филтър:
- Изглед на категориите - „Странична лента“, „С миниатюри“, „Редакторски списък“ (филтрите стоят до продуктите), „Визуални плочки“, „Лента с табове“, „Чипове с миниатюри“ (лента над продуктите, филтрите в чекмедже).
- Плочки на категориите - рамката на плочките с изображение на категория, поотделно за компютър и телефон. „Авто“ запазва досегашните форми.
- Ценови филтър, Цветови филтър, Филтри с опции и Филтър за наличност - как изглежда всеки от тях. Диапазоните и хистограмата на цената се изчисляват от реалните ви цени.
- „Показвай филтрите“ и „Филтри на компютър“ - изключите ли филтрите, остава само „Подреди“; „Бутон и чекмедже“ маха страничната лента и отваря филтрите отдясно. На телефон филтрите винаги са в чекмедже.
- Ценови филтър и Филтър по наличност - дали ги има.
- „Бързи бутони над продуктите“ - стойностите на един ваш филтър като ред бутони под „Подреди“. Показват се там, където филтърът има от 2 до 8 стойности.
- Филтър по каталог - ако магазинът има каталози с опции: кой каталог, заглавието на филтъра и изгледът („Марка, после модел“, „Разгъващ се списък“, „Зависими падащи менюта“).
Как изглеждат филтрите е едно за целия магазин. Дали филтрите се показват и къде стоят на компютър може да е различно за отделна категория - това е нейна собствена стойност. Кои атрибути се показват като филтри се избира в Продукти › Атрибути.
Филтри отстрани, в чекмедже или скрити
- „Показвай филтрите“ - изключите ли я, страницата на категорията остава без филтри: няма странична лента, няма бутон „Филтри“, няма чипове с избраните филтри. Остава само „Подреди“ - на телефон лентата над продуктите показва само него. Скриват се и подкатегориите, показани „Като филтър“, защото и те са филтър.
- „Филтри на компютър“ - „Странична лента“ (филтрите стоят вляво, до продуктите) или „Бутон и чекмедже“. При втората страничната лента изчезва и продуктите заемат цялата ширина, а над тях стои една лента, която остава закачена под хедъра, докато клиентът превърта: вляво табове с подкатегориите, вдясно „Подреди“ и бутонът „Филтри“, който отваря филтрите в чекмедже отдясно. Избраните филтри се виждат като чипове под лентата.
Табовете („Всички 32 · Годежни 12 · …“) се появяват, когато категорията показва подкатегориите си като „Чипове“: в режим „Бутон и чекмедже“ чиповете стават табове. На страницата на самата подкатегория се показват подкатегориите до нея, а „Всички“ води обратно към горната категория. При останалите оформления (плочки, „Като филтър“, „Скрити“) табове няма.
На телефон филтрите винаги са в чекмедже, каквото и да изберете за компютър. Лентата „Филтри / Подреди“ остава закачена под хедъра, докато клиентът разглежда продуктите - във всеки магазин, без настройка.
И двете настройки може да се зададат различно за отделна категория - в нейната „Тази категория“.
Бързи бутони над продуктите
„Бързи бутони над продуктите“ показва стойностите на един ваш филтър като ред бутони точно под „Подреди“ - например възрастите 2-4 г., 4-6 г., 6-8 г. или размерите S, M, L. Едно докосване филтрира продуктите, без клиентът да отваря филтрите.
- В списъка са атрибутите с „Показвай като филтър“ от Продукти › Атрибути. „Без бързи бутони“ не показва ред.
- Бутоните са същият филтър като в страничната лента и в чекмеджето: избраният бутон се вижда и там, и като чип над продуктите, работи заедно с останалите филтри и влиза в адреса на страницата.
- Текстовите стойности са бутони, а цветовете - мостри с името на цвета.
- Редът се показва на всяка категория, където избраният филтър има от 2 до 8 стойности сред продуктите ѝ. С една стойност няма какво да се избира, а над 8 редът вече не е пряк път, а целият филтър още веднъж - там стойностите остават във филтрите. Ако искате бързи бутони за нещо с много стойности (например 20 размера), направете отделен атрибут с по-малко, по-широки стойности (например възрастови групи) и изберете него.
- На телефон бутоните са на един ред, който се плъзга встрани, за да не избутват продуктите надолу. На компютър, ако не се събират, минават на втори ред.
Всички продукти
На страницата /products разделът „Всички продукти“ държи „Обединен каталог“: включен, „Всички“ показва една мрежа с всички продукти и клиентът подрежда целия каталог (най-продавани, цена, отстъпка); изключен, всяка категория е в своя секция. „Изглед и филтри“ отваря „Всички категории“ - страницата следва същите колони, филтри и цени. „Кампания на магазина“ (банерът с обратно броене) се записва веднага и се отваря в своя екран.
Тази категория
На страницата на категория разделът „Тази категория“ показва нейните собствени настройки. Горе са името ѝ и колко продукта има в нея (или че е умна категория, избрана по правило).
Отгоре е картата „На живо“: дали категорията е „Видима в магазина“, името ѝ на всеки език, изображението ѝ и родителската категория. Тя се записва в магазина веднага с „Запази на живо“ и не е част от черновата; ако излезете от страницата или от редактора с незаписани промени в нея, редакторът първо пита. За да я променяте, нивото ви на достъп трябва да включва и Продукти › Категории - без него картата само се чете. „Пълен редактор“ отваря категорията в нов раздел.
Скрита категория се вижда в прегледа с бележка „Скрита категория - виждате я само в редактора“, във всеки раздел на страницата ѝ. Клиентите не я виждат, а продуктите ѝ остават в магазина (вижте Категории). Същата бележка има и подкатегория на скрита категория.
„Показване“ казва как се показва категорията, ред по ред:
- Ред, който следва общото, показва стойността на магазина с „· от общите“ (например „Авто (адаптивно) · от общите“). Смените ли я във „Всички категории“, тази категория я следва.
- Изберете друга стойност и редът става „само тук“ - важи само за тази категория. „Върни“ я връща към общото.
- Колони, Колони - на телефон, Редове на страница, „При повече продукти“ (само когато редовете са ограничени), Ширина, „Отваря се подредена по“, „Показвай филтрите“ и „Филтри на компютър“.
- Ако категорията има подкатегории: „Разположение на подкатегориите“, „Показвани продукти“ и „Включи и смарт подкатегории“ (последното - само докато се показват и продуктите на подкатегориите). Подкатегориите като филтър се нуждаят от продуктите на подкатегориите, затова при тях „Само продуктите на тази категория“ не се предлага.
- „В списъци“ - мрежа или хоризонтална лента, когато категорията е блок на началната страница или във „Всички продукти“. Собствената ѝ страница винаги е мрежа.
- „Оформление на картите“ - едно от вградените оформления или ваш дизайн на карта (дизайните се правят в „Магазин“ › „Продуктови карти“). Ако там е включена една карта за целия магазин, редът я показва и тук не може да се смени.
„Включи и смарт подкатегории“, „В списъци“ и „Оформление на картите“ нямат обща стойност на магазина: показват „по подразбиране“, докато не ги промените.
Промените отиват в черновата и се виждат в прегледа веднага. При „Публикувай“ прегледът ги показва като „Категории · Показване“ с броя на променените категории. Бутонът „Редактирай в магазина“ в редактора на категорията и старият адрес на изгледа на отделна категория отварят редактора точно тук.
Нова категория
В „Отиди на…“ изберете „+ Нова категория“. Въведете име, изберете родителска категория (или „Няма (основна категория)“) и дали продуктите ѝ се избират ръчно или по правило („Умна (автоматична)“), и изберете „Скрита“ (избрано отначало - не излиза в менюто, на /products, в търсенето, в картата на сайта и във фийдовете, докато не я покажете) или „Видима веднага“. „Създай и отвори“ създава категорията в магазина веднага (не е част от черновата) и отваря прегледа на нея в „Тази категория“, където подреждате показването и секциите ѝ. Скритите категории също се намират в „Отиди на…“ - с отметка „Скрита категория“. Създаването иска достъп до Продукти › Категории, като бутона „Нова категория“ в списъка.
Страницата на тази категория (Business)
Под „На живо“ е блокът „Страницата на тази категория“ - собствените секции на категорията, в реда, в който са на сайта:
- „Над продуктите“ - промо банерът от раздел Кампания на категорията (заключен ред: настройва се там), после секциите ви и „Добави секция“.
- „Продуктова решетка“ - винаги е тук и отваря „В решетката“: банерите между продуктите, всеки с реда, формата и страната си. „Добави банер в решетката“ слага една клетка в ред 2 от продуктите (следващият - два реда след последния банер) и я отваря. Най-отгоре в банера картата „Място в решетката“ избира „Форма“ („Клетка“ - колкото една карта на продукт, „Лента“ през цялата решетка или „Висока“ - две колони и два реда, а на телефон през цялата ширина), „Ред от продуктите“ и „Страна“ (в началото или в края на реда; лентата няма страна). Мястото е ред, а не клетка, защото колоните на телефон и на компютър са различни; ред, до който страницата не стига, не се показва.
- „Под продуктите“ - секциите след решетката и „Добави секция“.
Видовете секции са Банер, Текст, Избрани продукти и Купи комплекта (на план с комплекти), със същите полета като на началната страница (вижте [Секциите една по една](#секциите-една-по-една)). Изборът на продукти предлага първо продуктите на категорията. Клик върху ред отваря секцията; стрелките я местят в зоната ѝ, а окото я скрива (редът показва „скрита“). В отворената секция окото и кошчето са горе, а кошчето първо пита. Изборите по устройство следват превключвателя Десктоп / Мобилен горе, а текстовете - езика на прегледа. Банерите в решетката нямат заглавие и фон на секцията.
Когато над продуктите има банер, ключът „Скрий заглавието на категорията“ маха видимото заглавие - включете го, когато банерът вече казва името на категорията. Името остава на страницата като скрито заглавие (h1) за Google и екранните четци.
Промените отиват в черновата; при „Публикувай“ прегледът ги показва като „Категории · Секции на страницата“ с броя на променените категории. Под план Business блокът е заключен с етикет „Business и нагоре“, а „Показване“ си работи; при по-нисък план секциите се пазят, но не се показват на сайта (включително SEO текстът), а при връщане на Business се появяват отново. Старият адрес на „Билдър на страницата“ отваря редактора точно тук.
Страници и секции
Съдържание › Страници и секции показва като карти всичко, което редакторът може да отвори: страниците („Начална страница“, с броя на секциите ѝ, „Категории“, „Всички продукти“, [„Продуктова страница“](#продуктова-страница), [„Количка“, „Каса“ и „Поръчката е приета“](#количка-каса-и-приета-поръчка), [„Въпроси“](#въпроси), [„За нас“](#за-нас), [двете информационни страници](#доставка-и-плащане-връщане-и-замяна) и [страниците с данни на живо](#страници-с-данни-на-живо)) и частите на целия магазин („Навигация“, с броя на елементите в менюто, „Лента със съобщения“, с броя на съобщенията, „Футър“, „Продуктови карти“, „Банер за бисквитки“, с оформлението си, и „Прозорец за бюлетин“, с оформлението и изчакването си). „Редактирай“ на картата отваря редактора на тази страница (за „Категории“ - на страницата с всички продукти, за „Продуктова страница“ - на най-новия продукт, който купувачите виждат), а за част на магазина - в раздел „Магазин“ на нея. Страница или част, която отключва добавка или по-висок план, е заключена с етикета им („Добавка“, „Pro и нагоре“, „Не е в плана ви“) и води към плановете; страниците на друг вид бизнес не се показват. „Отвори редактора“ горе вдясно го отваря на началната страница. Броят на секциите и елементите е такъв, какъвто е в черновата.
Щом още страници и части влязат в редактора, картите им се появяват тук. Страницата е част от правото „Редактор на сайта“ - който го няма, не я вижда.
Страници с данни на живо
„Отзиви“, „Блог“, „Комплекти“, „Контакт“, правните страници и „Отказ от договора“ нямат собствени настройки на вида: те показват данни, които се записват на живо. Разделът им в редактора е „На живо“ и съдържа връзки към екраните, в които се редактират (например „Редактирай в Правни“ или „Всички статии“). Връзките се отварят в нов раздел, така че редакторът остава отворен. Профилът на купувача (с входа) и липсващата страница (404) следват раздела „Магазин“ - над списъка му кратка бележка казва това, а при 404 има и връзка към текстовете ѝ (Онлайн магазин › Преводи).
Количка, каса и приета поръчка
На страницата „Количка“ разделът със същото име избира оформлението на празната количка: Центрирано, Редакционно или Карта. Под него „Свързани настройки (на живо)“ водят към безплатната доставка (при куриерите) и към промоциите. Пълната количка се вижда, ако добавите продукт в прегледа - количката на редактора е отделна от тази на купувачите.
На страницата „Каса“ разделът „Каса“ редактира известието над формата за поръчка - кратко съобщение с икона за кампании, промоции или важна информация: „Показвай известието“, „Икона“ и текст на всеки език (до 300 знака). Включено известие без текст на нито един език не се показва и полето казва това. Под него „Свързани настройки (на живо)“ водят към куриерите, плащането с карта, данните за банков превод и общите условия. С празна количка касата показва празната количка (и в прегледа) - добавете продукт в прегледа, за да видите формата с известието.
На страницата „Поръчката е приета“ разделът със същото име избира оформлението на потвърждението на поръчката - Обобщение (номер и суми с доставка), Артикули (пълен списък на поръчаните продукти) или Минимално (чисто потвърждение без суми) - и анимациите за статус на поръчката - сцената до статуса на всяка поръчка в проследяването в профила на купувача:
- Изчистен стил (вграден) - изчистени плоски илюстрации изцяло в цветовете на марката ви.
- Пощальон - дружелюбен пощальон, чиято униформа е в акцентния ви цвят.
- Куриерски екип - богати сцени с куриерски екип: товарене на вана, предаване на пратки.
- Без анимация - без илюстрация. Остава само лентата на напредъка, която заема цялата ширина на картата.
Комплектите „Пощальон“ и „Куриерски екип“ използват безплатни илюстрации от Freepik, затова при тях тракерът показва малък надпис „Илюстрации: Freepik“. Анимацията се вижда в профила, затова „Виж в примерния профил“ отваря профила на [примерния купувач](#примерна-поръчка-и-примерен-купувач), където е с черновата ви. След публикуване смяната важи за всички поръчки - и вече направените. Самото проследяване (стъпките и напредъкът) не се променя.
Въпроси
На страницата „Често задавани въпроси“ разделът „Въпроси“ държи въпросите и отговорите - същите, които показва и секцията „Въпроси“ на началната страница. Посетителите ги виждат като акордеон: щракват върху въпрос, за да разгънат отговора. Връзка към страницата стои във футъра, щом има поне един видим въпрос.
- Въпросите са подредени като на сайта. На компютър ги влачите нагоре и надолу, на телефон ги местите със стрелките.
- Щракнете върху въпрос (или върху молива), за да го отворите: „Въпрос“, „Отговор“ и „Видим на сайта“. Окото на реда го скрива или показва бързо, без да го изтрива. „Изтрий“ го маха от черновата.
- Горе избирате езика на текстовете. Ако за даден език въпросът е празен, посетителите на този език виждат въпроса на основния език.
- Първите пет въпроса се виждат веднага, а „+ още N въпроса“ показва останалите. „Нов въпрос“ добавя въпрос в края.
Както всичко в редактора, промените отиват в черновата и стават видими за купувачите, когато публикувате.
За нас
Секцията „За нас“ разказва историята зад магазина - кои сте, защо го правите и на какво държите. Показва се на началната страница, като отделна страница на адрес /about, или и двете. Ако изключите и двете, секцията не се показва никъде, но съдържанието се пази.
- Съдържанието се редактира в секцията „За нас“ на началната страница: „Оформление“ (История + числа, Фокус върху историята или Списание), „Акцентна лента“ (цветът на подчертаната лента - тъмна, акцентен цвят или светлосива; показва се само когато оформлението има какво да оцвети), „На началната страница“ и „Като отделна страница“. Под тях са въведението и по един ред за всяка част от оформлението (история, числа, ценности, голяма снимка, галерия, финална лента), който я отваря.
- На страницата „За нас“ разделът със същото име включва или изключва отделната страница; редът „Съдържанието“ ви води до секцията на началната страница. Докато страницата е изключена, прегледът показва страницата за грешка 404, както би я видял купувач.
- Смяната на оформлението не изтрива нищо: части, които новото оформление не показва, остават запазени и се появяват отново, ако се върнете. Празните полета просто не се показват.
- Текстовете се въвеждат за всеки език; снимките, връзките и оформлението са общи. Ако нещо не е преведено, посетителят вижда текста на основния език.
Доставка и плащане, връщане и замяна
Двете информационни страници за клиентско обслужване - „Доставка и плащане“ (/delivery) и „Връщане и замяна“ (/returns) - се свързват от футъра. На всяка от тях разделът със същото име държи нейното „Заглавие на страницата“ и съдържанието ѝ в богат текстов редактор (заглавия, изображения, връзки, списъци и таблици), за всеки език поотделно; празно заглавие ползва името на връзката във футъра. Редът долу отваря другата страница.
Страница без съдържание не е в магазина: връзката ѝ във футъра не се показва, а адресът ѝ връща 404 - и в прегледа, докато не я напишете. Щом напишете съдържание, тя се появява при „Публикувай“.
Примерна поръчка и примерен купувач
Някои страници имат какво да покажат едва след покупка. В прегледа на редактора те показват примерни данни, за да видите как изглеждат. В „Отиди на…“ са „Приета поръчка (примерна)“ и „Профил (примерен купувач)“:
- „Поръчката е приета“ показва примерна поръчка: първите два продукта, които може да се купят, в реда на страницата с продуктите (1 и 2 броя), до офис на куриера, който касата предлага първи, с наложен платеж. На мястото на номера пише „Примерна поръчка“.
- Профилът (иконата за профил горе) показва във всички раздели примерния купувач „Ивайло Иванов, София“: две поръчки (една на път към офиса - на нея се вижда анимацията за статус на поръчката - и една получена), адрес и няколко любими продукта.
Примерните данни са само в прегледа: купувачите никога не ги виждат, нищо не се записва и нищо не се отчита като покупка. Промени в профила на примерния купувач не се запазват.
Черновата се записва сама
- Няма бутон „Запази“: всяка промяна отива в черновата миг след като спрете да пишете. Под панела пише „Записано в черновата · преди N сек“.
- Прегледът показва промяната веднага.
- Ако в секция е избран вид връзка без цел (например „Категория“ без избрана категория), промяната чака и полето е отбелязано - изберете целта и тя се записва. Ако записът не успее, натиснете „Опитай пак“. Докато такава промяна не е в черновата, „Публикувай“ чака, а при излизане от редактора той пита, преди да я изостави.
- Черновата е една за целия магазин: всички от екипа пишат в нея. Ако двама променят една и съща настройка, остава последната промяна.
Прегледът следва промените, без да се презарежда: страницата се обновява на място и остава там, докъдето сте превъртели, така че можете да правите много промени подред. Превключвател или падащо меню се записва веднага, текстът - когато спрете да пишете, а цветовете на темата се сменят на страницата незабавно.
Публикуване
„Публикувай“ отваря прегледа на промените по зони (например „Начална страница · Секции“ и „Начална страница · Херо карусел“), всички отметнати. Всеки ред казва кой е променил зоната последен и кога: „Вие“ за вашите промени, името на члена, а ако няма име - имейлът му. Може да махнете отметка, да дадете име на публикацията, да „Отхвърлите“ промените в една зона или да „Изчистите черновата“. Прегледът вдясно показва сайта точно с отметнатите зони. „Публикувай всичко“ прави промените видими за купувачите веднага. В съобщението след това има „Върни“ - ако сте се объркали, то отменя точно тази публикация.
История
„История на публикуванията“ (часовникът горе) показва всяка публикация - кой, кога и какво промени. „Виж“ показва сайта такъв, какъвто беше след нея. „Върни“ (или „Върни тази версия“, докато я гледате) го прави отново такъв през същия преглед и казва кои по-късни публикации отменя. Пазят се последните 50 публикации или последните 12 месеца - което е повече.
Изпращане за преглед
Член без ключа „Публикуване на сайта“ вижда „Изпрати за преглед“ (на телефон „Изпрати“) на мястото на „Публикувай“. То отваря същия списък със зони; вашите промени пишат „Вие“. Махнете отметката на зона, която още не е готова, напишете бележка по желание и натиснете „Изпрати“. В магазина нищо не се променя, докато някой с ключа не публикува. Черновата остава обща и можете да продължите да редактирате. Докато заявката ви чака, панелът казва кога е изпратена, а ново изпращане я заменя (зоните и бележката).
Който може да публикува, вижда камбанката горе и карта „Мария изпрати за преглед“ най-горе в панела (на телефон - в свалената долна част). „Прегледай“ отваря прегледа за публикуване с отметнати зоните от заявката, а бележката става име на промяната. Публикувайте всички или само някои от тях, или „Отхвърлете“ зона. Зона, променена след изпращането, го казва („Променено след изпращането · Иван, днес 12:10“): публикува се черновата такава, каквато е сега. Заявката се затваря сама, щом зоните ѝ са публикувани или отхвърлени. „Затвори заявката“ я затваря, без да публикува, и черновата остава. Заявката се вижда само в редактора - имейл не се изпраща.
Кой какво може
- Правото „Редактор на сайта“ (в Потребители и достъп) дава редактора, черновата и страницата „Страници и секции“. Член, чието ниво имаше „Начална страница“, „Херо карусел“, „Навигация“, „Футър секция“, „Лента за съобщения“ („Известие в касата“), „Етикети“, „Облик“, „Бюлетин“, „Въпроси“, „Страница „За нас““ или „Информационни страници“, вече го има, освен ако нивото му изрично не забранява редактора.
- Ключът „Публикуване на сайта“ дава публикуването, отхвърлянето, историята и „Върни“. Без него на мястото на „Публикувай“ е „Изпрати за преглед“ (вижте по-горе), а историята и „Върни“ не се виждат.
- В първоначалната настройка на магазина стъпката за херото качва и подрежда слайдове направо на сайта. Щом херото вече се редактира тук, стъпката води към редактора.
- Член, чието ниво има екрана Продукти, получава и редактора, за да настройва продуктовата страница и продуктовите карти, които бяха табове на този екран.
- Член, чието ниво има екрана Продукти › Категории, получава и редактора, за да настройва общия вид на категориите, страницата с всички продукти и страницата на всяка категория, които бяха на този екран. Ключът „Публикуване на сайта“ не идва с него.
Какво още не е тук
Всичко, което определя как изглежда магазинът ви, вече се редактира тук. Данните - продукти, цени, наличности, категории, куриери, плащания и правни текстове - остават в своите екрани и се записват на живо; където екранът има бутон „Редактирай в магазина“, той води до същото място в редактора.