1. Начало
  2. Shopiko
  3. Shopiko – Разработчик (специални настройки на магазина)

Shopiko – Разработчик (специални настройки на магазина)

В Shopiko се предлагат специални функционалности и настройки, които ще ви помогнат да персонализирате максимално вашия онлайн магазин. Някои от тези настройки, които са подходящи за уеб разработка, са: добавяне на потребителски CSS, JS, HTML код, качване на файлове, фини настройки на процеса по плащане и промяна на системните текстове в магазина.

Модулът "Разработчик" в онлайн магазини Shopiko е включен към планове МагазинБизнес и МагазинПро.

Активиране на специалните настройки в Shopiko

Можете да активирате меню "Разработчик" за вашия магазин през вашия клиентски профил в superhosting.bg. След като влезете в профила, в главното меню вляво изберете Shopiko и кликнете на Детайли за избрания онлайн магазин. Най-долу на заредилата се страница, в секция CSS/JS редактор, кликнете на бутона Активиране на CSS/JS редактор. За да използвате редактора, след като е активиран, влезте в администрацията на магазина и изберете "Разработчик" от главното меню.

Инжектиране на код

CSS код

През меню Common CSS можете да добавяте и редактирате CSS код към стила на темата, която се използва в момента от магазина. Чрез CSS кода се задава стила като фон, цветове, шрифт на текста и други.

CSS кодът, поставен в средата за разработка в Common CSS, ще се добави във файла default.css. След като добавите нов код, ще е необходимо да презаредите уеб страницата, за да видите промените.

Добавяне и редактиране на потребителски CSS код
Добавяне и редактиране на потребителски CSS код

Пример: Промяна на шрифта за магазина

През CSS/JS редактора можете да смените шрифта, който се ползва в магазина. В примера е използван шрифт от Google Fonts. След като сте избрали шрифт, трябва да вземете кода за вмъкването му в стила на магазина.

Първо в заглавната част на магазина, в HTML / JS (all pages) » Inside the <head>, се задава източникът за шрифта:

<link href="https://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet">

След това в CSS стила (CSS » Common CSS) се задава този шрифт да се ползва:

 body {font-family:'Ubuntu', sans-serif;}

JavaScript / HTML код

В секцията HTML / JS (all pages) можете да добавите JavaScript код, който ще е наличен на всички страници в магазина. Кодът може да се добави в заглавната част на страниците (Inside the <head>), в началото на <body> тага (At the begining of <body>) или преди затварящия </body> таг (At the end of <body>).

Добавяне на JavaScript код към онлайн магазина
Добавяне на JavaScript код към онлайн магазина

С JavaScript код може да се добавят различни функционалности в онлайн магазина например Facebook изскачащ прозорец и други. В тази секция, освен JavaScript код, можете да добавяте и HTML елементи. Най-често тук ще можете да добавите допълнителен код, предоставен от услуги за проследяване и статистики.

Например за верификация на магазина в Google Search Console чрез HTML маркер, тук в секция "Inside the <head>" трябва да поставите предоставения код от Google.

Вижте още:

Какво е CSS и как се използва в HTML?

Стилови правила в CSS

CSS стил на текста в HTML документ

⇒ Още помощна информация за работа с CSS и JavaScript код: CSS Tutorial и JavaScript Tutorial

Файлов мениджър

За да качите файл, кликнете на бутона Добави файл и го изберете от вашия компютър.

Качване на файл в онлайн магазина
Качване на файл в онлайн магазина

След като файлът е качен можете да копирате адреса му (Копирай адрес) или да го видите (Виж).

След като кликенете "Виж", файлът ще се зареди в нов таб на браузъра.

За да изтриете файл, кликнете на иконата с червен Х, в десния горен ъгъл на обекта.

Чрез адреса качените файлове могат да бъдат вмъквани/извиквани след това в CSS и JavaScript кода.

Специални настройки

През уеб разработчика можете да достъпите допълнителни настройки за процеса на плащане в онлайн магазина.

Общи настройки

Списък с иконите за разплащателни методи във footer-а на магазина

С тази опция можете да настроите кои лога да се показват и тяхната поредност. Опциите се отделят със запетая. Възможни са следните лога: visa, maestro, mastercard, paypal, jcb, american-express, diners-club, discover, borica, paysera.

Текст във footer-а на магазина до иконите за разплащателни методи

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

Минимална стойност на поръчаните продукти

Минималната стойност на поръчката, която магазинът приема. В стойността не влиза услугата за доставка. Ако искате да премахнете ограничението, в полето оставете стойност 0.

Наличности

Следене на наличности по подразбиране

Тук можете да настроите дали по подразбиране на всеки нов продукт да се следят наличностите или не.

Тази настройка може да бъде променяна за всеки продукт или вариант от настройките на продукта. Smart режимът проверява при първоначалното въвеждане на продукта или вариант дали има стойност в полето за количество. Ако количеството е оставено празно, не се следят наличности. Ако има стойност в полето за количество, включително и 0, наличността се следи.

Количество по подразбиране

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

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

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

Процес на плащане

Покажи полетата с данни за фактура в процеса на поръчка

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

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

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

Държава по подразбиране във формата за поръчка

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

Забрани промяната на държавата по подразбиране

Тази настройка не позволява да се промени държавата по подразбиране. Може да се използва, когато е необходимо магазинът да се ограничи само за една държава.

Покажи поле за избор на държава във формата за поръчка

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

Държави позволени за избор във формата за поръчка

По подразбиране се дава списък с всички държави. От тук администраторът може да настрои кои държави да се показват в списъка за поръчка.

Покажи възможност за въвеждане на отделен адрес за доставка

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

Покажи поле за въвеждане на коментар към поръчката

Полето дава възможност клиентът да остави коментар в свободен текст към поръчката.

Показване на отметка за съгласие за получаване на имейли с новини и промоции

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

Локализации

От таб Локализации можете да превеждате и променяте всеки един служебен текст/дума в онлайн магазина.

Например можете да промените текста на бутона Поръчай, на нещо друго.

За да можете да използвате ваши текстове, вместо системните, активирайте опцията "Активиране на индивидуални текстове за магазина".

Текстовете са подредени в списъци, според местоположението им и обекта, за който се отнасят.

Промяна на системните текстове в магазина
Промяна на системните текстове в магазина

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

От тук можете да променяте текстовете за активираните в магазина езици.

Обновена: 29.04.2015

Беше ли Ви полезна тази статия?

Вижте още