Дизайн редактор

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

>> Отворете административната област на Summer Cart.

>> Отидете на меню 'Съдържание на уебсайт' и кликнете на връзка Дизайн редактор.

Подредба

Първото нещо което трябва да направите в дизайн редактора е да изберете подредба. Вашият е-магазин има много страници и обикновено повечето от тях използват една и съща подредба. Кликнете на "Избери подредба" за да отворите "Управление на подредби".

Вашите страници са групирани според подредбата, която ползват. Изберете страница и кликнете на "редактирай подредба". Запомнете, че вашите промени ще се отразят на всички страници ползващи тази конкретна подредба. По подразбиране има Standard layout (стандартна подредба), която се използва от повечето страници. 
Ако желаете дадена страница (или страници) да имат своя уникална подредба, кликнете "смени подредба", след което изберете "Нова подредба" от списъка. След това може да закачите още страници към вашата нова подредба.

Колони

След като избрахме подредбата която ще редактираме, сега ще зададем как съдържанието на страницата да бъде разпределено, а именно колко колони ще има. Можете да избирате между 8 предварително зададени стила измежду които такива с 1, 2, 3 или 4 колони.

Под  стиловете има 4 кутии в който трябва да въведете колко процента от цялото съдържание ще заема всеки от елементите. За пример ако сме избрали 1вия стил с три колони, можем да зададем в кутиите както следва 30%, 40%, 30%. При така зададени стойности и ако главното съдържание има обща ширина 1000px двете крайни колони ще са с ширина 300px, а средната колона ще бъде с ширина 400px. Ако не искате да работите с проценти можете да зададете директно ширината на колоните в пиксели. Тук можете освен пиксели или проценти да въведете - auto, така ширината на колоната ще се определя от това колко място е оставено за нея от другите колони.

Забележете, че в този случай само 3 от кутиите са активни, това се дължи на факта, че въпросния стил има само 3 елемента(3 колони).

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

Стил на страница

Раздела "Стил на страница" отговаря за цялостния изглед на страницата. Тази част от дизайн редактора е разделена на няколко части, ще Ви обясним как работи всяка една от тях:

Фон

От тук можете да смените фона на магазина Ви.

• Нулиране - натиснете върху този бутон, за да върнете оригиналните настройки на фона
• Фонов цвят - изберете цвят за фона, можете да го изберете от палитрата с помощта на мишката или да въведете директно RGB или hex кода на цвета
• Добави текстура или Качи снимка - добавете текстура към фона, като я изберете от предварително зададените или качете снимка за фон през бутона "Качи...". Ако решите да качите снимка за фон можете да фиксирате фона така, че при скролиране с мишката той да не се мести. Можете да го направите като сложите отметка на "Фиксирана"
• Повторение - изберете как ще се повтаря текстурата върху фона. Можете да избирате между 4 варианта

• Приложи за всички подредби - ако сложите отметка на тази настройка и запаметите, промените които сте правили на фона ще се приложат на всички подредби в магазина

След като направите желаните промени натиснете върху бутона 'Запази' в раздел "Подредба", за да ги запазите.

 

Текст

От тук можете да изберете стила на текстовете в магазина.

• Нулиране - натиснете върху този бутон, за да върнете оригиналните настройки на фона 
• Избери елемент - от списъка изберете кой елемент(вид текст) ще променяте. 
• Шрифт - изберете вида на шрифта 
• Размер на шрифт - изберете размера на текста от плъзгача или задайте ръчно стойност. От падащото меню можете да изберете и мерната единица за шрифта - px(пиксели), em (1em винаги е равно на големината на използвания в момента шрифт за дадения елемент), pt(точки) или %(проценти). 
• Опции за текстов символ & шрифт - от тук можете да зададете опциите на шрифта, като удебеляване, подчертаване, подравняване на текста и т.н. 
• Цвят -  изберете цвета на текста, можете да го изберете от палитрата с помощта на мишката или да въведете директно RGB или hex кода на цвета
• Приложи стилове на текст - натиснете върху бутона, за да приложите направените промени

Бутони

В този раздел има само бутон - "Промени". Натиснете върху него и ще се отвори нов прозорец с настройките на бутоните.
Приложи за всички подредби - ако сложите отметка на тази настройка и запаметите, промените които сте правили на фона ще се приложат на всички подредби в магазина

Нека преминем към обясение на настройките които можете да правите на бутоните.

Зареди стил - от падащия списък изберете бутона чиито вид искате да променяте. Ако искате да променяте вида на няколко бутона едновременно сложете отметки на всеки от бутоните

ВАЖНО: Разликата между слагането на отметка на бутоните и избирането от падащия списък е в това, че ако изберете бутон от падащия списък промените който са му правени вече ще се заредят в редактора, а в другия случай настройките в редактора си остават непроменени.

Преглед - преглед в реално време на промените които правите на бутоните

Фонов цвят - изберете фон на бутона с помощта на палитрата. Към фона можете да прибавите текстура или снимка която да качите от вашия компютър.
Настройки на ръбове

• Цвят на ръбове - изберете цвят на ръба на бутона  от палитрата с помощта на мишката или да въведете директно RGB или hex кода на цвета
• Размер на ръбове - задайте дебелината на ръба с помощта на плъзгача или въведете директно стойност в кутията до него. Мерните единици са  px(пиксели), em (1em винаги е равно на големината на използвания в момента шрифт за дадения елемент) или pt(точки).
• Радиус на заобляне по X и Y - чрез тази настройка се задава радиус на закръгляне на ъглите на бутона по хоризонтала и вертикала. Ако махнете отметката на "заедно" ще можете да зададете различни стойности за X и за Y. Тук отново освен с плъзгача да въведете директно стойности.  Мерните единици са px(пиксели) или  %(проценти).

• Шрифт - изберете шрифта на текста
• Размер на шрифт - задайте размер на шрифта с помощта на плъзгача или въведете ръчно стойност, валидните мерни единици са px(пиксели), em (1em винаги е равно на големината на използвания в момента шрифт за дадения елемент), pt(точки) или %(проценти). 
• Символ & Шрифт - от тук можете да зададете опциите на шрифта, като удебеляване, подчертаане, подравняване на текста и т.н. 
• Промени цвят на шрифта - можете да смените цвета на текста по познатия вече начин ползвайки палитрата или да въведете директно RGB или hex кода на цвета.

Име и заглавие

Име на кутия - въведете име по което ще можете да разпознавате кутията в админ панела. Това име се вижда само там.

Опции

В този раздел на кутиите се намират настройките, които не са валидни за всички видове кутии. Ето списък с опциите на всяка една от кутиите:

• Банери
  Максимум ширина на банерна снимка - въведете максимално позволената ширина на снимките на банера, стойността е в пиксели (px).
  Максимум височина на банера снимка -  въведете максимално позволената височина на снимките на банера , стойността е в пиксели (px).
  Режим на показване - изберете начина по който ще се показват банерите в конкретната кутия. Възможните избори са - Върти банерите по реда им, Върти банерите случайно, Напълно случаен банер и Покажи всички банери наведнъж.
  
  
• Бюлетин
  Абонамент за бюлетин - изберете за кой бюлетин ще се абонират клиентите от тази кутия.
  Известяване на администраторите при абониране - сложете отметка, за да получите известие по email когато клиент се абонира за бюлетина.
  
  
• Валута - кутията няма опции.
  
• Вход - кутията няма опции.
• Избрани продукти
  Добави продукт - въведете името на продукта в полето или натиснете бутона - "Разгледай", за да намерите продукта. След това натиснете върху - "Добави продукт", за да добавите продукта.
  Продукти - списък с вече добавените продукти.
  Махнете продуктите - изберете продукт от списъка и натиснете върху бутона за да изтриете продукта.
  
  
• Категории - кутията няма опции.
• Категории с падащо меню -  кутията няма опции.
• Количка - кутията няма опции.
• Меню
  Меню - изберете меню което да се показва в кутията.
  
  
• Мини количка - кутията няма опции.
• Най-продавани
  Отчитане на поръчките направени за последните - задайте за какъв период да се отчитат направените поръчки.
  
  Брой бестселъри, които да се покажат - задайте колко продукта да се показват в кутията
  Подреди по - изберете по какъв критерии да се подреждат най-продаваните продукти - .Брой поръчки, Количество продадени артикули или Стойност на продадени артикули.
  
  
• Нови продукти
  
  Брой нови продукти, които да се покажат - задайте колко продукта да се показват в кутията
  
  
• Новини -  кутията няма опции
• Производители
  Покажи производители - задайте колко производителя да се виждат в кутията.
  
  
• Скоро разглеждани
  Покажи продукти - задайте колко продукта да се показват в кутията.
  
  
• Сравнение на продукти - кутията няма опции.
• Съдържание на страница - кутията няма опции.
• Търси - кутията няма опции.
• XHTML кутия.