Партнеский магазин Вконтакте или Facebook – «Где Слон?», Ecwid и Magazinga

Продолжаем работать над нашими Выгрузками (Data Feeds). Кто пропустил  -читайте http://blog.gdeslon.ru/category/partnerskie-magaziny/

Теперь Вы можете получить выгрузку интересующего Вас магазина не только в XML, но и в CSV, притом в формате, совместимом с Ecwid. Ecwid – отличный сервис, позволяющий создавать и размещать интернет-магазины на любых сайтах, даже на статических. А что особенно интересно для партнеров, работающих с датафидами – есть Magazinga – расширение Ecwid, позволяющее создавать магазины Вконтакте и Facebook.

В этой статье я расскажу как можно создать партнерский магазин Вконтакте на основе своей выгрузки «Где Слон?». Прочтите этот пост, если не уверены что все четко понимаете – «Партнерские магазины – уход и кормление».

С момента написания того поста произошли изменения – выгрузка предоставляется теперь не только в XML, но и в CSV:

Итак у Вас есть выгрузка «Где Слон?». Идите на http://magazinga.com и создайте магазин – там все хорошо объяснено. Придется зарегистрироваться на Ecwid или указать свой идентификатор, если Вы уже там зарегистрированы.

Что у Вас получилось? У Вас теперь есть обычный интернет-магазин. Очень хорошо, но мы не собираемся продавать свои вещи, мы хотим партнерский магазин. Для этого нужно две вещи:

1. Скормить Ecwid’у нашу выгрузку.
2. Убрать из магазина все лишнее (корзину, счетчик «в наличии»)

Шаг 1: Скормить Ecwid’у нашу выгрузку

• Скачайте выгрузку в CSV и разархивируйте ее.
• Идите в Контрольную панель Ecwid - https://my.ecwid.com/cp/.

• Далее идем в Каталог и жмем кнопку Импорт товаров

• Ставим разделитель – точка с запятой и выбираем разархивированный файл выгрузки «Где Слон?»
• Все готово – жмем «Импорт» (возможно понадобится поставить флаг «Удалить все товары/категории перед импортом»)
• Прийдется подождать некоторое время, пока файл будет обработан.

Шаг 2: Убрать из магазина все лишнее

Теперь у нас есть магазин. Мы дополнили описание каждого товара кнопкой «Купить» с Вашей партнерской ссылкой – Вы можете видеть ее на карточке товара. Так что осталось убрать лишние детали (корзину, счетчик «в наличии»). Сделаем это с помощью CSS. Эти шаги также описаны здесь.

Идем в Настройки – Дизайн и дублируем существующую тему.

Далее надо будет немного отредактировать CSS. Перейдите в только что созданную тему и скопируйте содержимое CSS Базового стиля (внизу) в верхнее окно. Далее сделаем следующие изменения:

Ищем:

/* Main style for the "Add to bag" button */
div.ecwid-AddToBagButton {
width: 168px;
height: 39px;
cursor: pointer;
outline: none;
}

меняем:

width: 168px;
height: 39px;
cursor: pointer;
outline: none;

на:

display: none;

чтобы получилось:

/* Main style for the "Add to bag" button */
div.ecwid-AddToBagButton {
display: none;
}

Ищем:

/* The quantity textbox */
input.ecwid-productBrowser-details-qtyTextField {
width: 25px;
margin-left: 8px;
vertical-align: middle;
border: solid 1px #898989;
}

меняем:

width: 25px;
margin-left: 8px;
vertical-align: middle;
border: solid 1px #898989;

на:

display: none;

должно получиться:

/* The quantity textbox */
input.ecwid-productBrowser-details-qtyTextField {
display: none;
}

Ищем:

/* The "Qty" label */
div.ecwid-productBrowser-details-qtyLabel {
display: inline;
font: bold 14px tahoma, geneva, verdana, sans-serif;
color: #000000;
vertical-align: middle;
margin-right: 3px;
}

меняем

display: inline;
font: bold 14px tahoma, geneva, verdana, sans-serif;
color: #000000;
vertical-align: middle;
margin-right: 3px;

на:

display: none;

должно получиться:

/* The "Qty" label */
div.ecwid-productBrowser-details-qtyLabel {
display: none;
}

Активируйте тему и сохраните изменения.

Теперь осталась одна вещь – надо скрыть корзину. Идем в Настройки -> Общие -> Корзина. Ставим чекбокс «Скрывать корзину, если она пуста» и сохраняем изменения.

Поздравляем – партнерский магзин готов!