С чем вам помочь?

Задавайте вопрос или опишите проблему, с которой Вы столкнулись

Редактирование изображения/иконки подарочного сертификата в клиентской части магазина

В данной статье рассмотрим, как можно разместить свою картинку вместо стандартного подарочного сертификата.

Иконка в подвале

В подвале иконка выглядит следующим образом: (рис.1)


Рисунок 1.

Для того, чтобы заменить вид подарочного сертификата и загрузить свою картинку, Вам необходимо перейти в панель администрирования, пункт меню Дизайн->трансформер дизайна, и прописать следующий код:

.gift-picture:before
{
background:url(http://домен/userfiles/podarok.jpg);
}

где домен - это адрес Вашего сайта,
podarok.jpg – название и расширение Вашей картинки

Предварительно необходимо загрузить картинку на сайт, как это сделать ознакомьтесь с инструкцией:http://www.advantshop.net/help/pages/kak-zagruzit-kartinku-v-tekst

Готово. Мы рассмотрели, как заменить картинку подарочного сертификата.


Рисунок 2.

 

Внешний вид подарочного сертификата

По умолчанию, подарочный сертификат выглядит так как показано на рисунке 3


Рисунок 3.

Внешний вид подарочного сертификата можно так же заменить.

1 случай:

К сожалению, картинку банта заменить можно только через исходный код, если есть доступы можно сделать самостоятельно, если доступов к файлам сайта нет, то обратитесь в техническую поддержку, чтобы они добавили Вам картинку Вашего сертификата. Картинку назовите certifacate_bow.jpg

Путь к картинке в исходном коде:

../images/giftcertificate/certifacate_bow.jpg

где certifacate_bow.jpg это и есть картинка сертификата.

Рекомендуемые размеры картинки: по ширине 265 px, по высоте на Ваше усмотрение.

Теперь необходимо изменить цвет, где написана фраза «Подарочный сертификат»

Цвет можно изменить через панель администрирования, пункт меню Дизайн->трансформер дизайна. Пропишите следующий код:

.block-certificate .block-certificate-txt
{
background: orange;
}

где orange - это цвет, который Вам необходим.

2 случай:

Можно обойтись стандартными средствами панели администрировании.

А именно, Вы можете отключить отображение подарочного сертификата на главной странице. Для этого перейдите в пункт меню Дизайн->настройки шаблона, и отключите галочку в поле «Блок подарочных сертификатов»(рис.4)


Рисунок 4.

Далее перейти в пункт меню CMS->статические блоки, нажать на карандаш в блоке «VK»

И перед кодом виджета (если он установлен) разместить свою картинку сертификата с ссылкой на страницу: http://домен/giftcertificate. (рис.5)


Рисунок 5.

Инструкции:

Как загрузить картинку http://www.advantshop.net/help/pages/kak-zagruzit-kartinku-v-tekst

Как разместить ссылку: http://www.advantshop.net/help/pages/add-download-link-into-text

Готово. Мы рассмотрели, как заменить картинку подарочного сертификата на свою картинку.

 

Подарочный сертификат при отправке клиентам на почту

По умолчанию подарочный сертификат поступает на почту клиенту в таком виде: (Рис.6)


Рисунок 6.

Аналогично описанным способам в инструкции, можно заменить картинку банта используя стили и редактор файла стилей, заменить картинку с надписью «Подарочный сертификат» (используя только исходный код, а именно данную картинку можно разместить через исходный код), заменить фон сертификата.

Как работать со стилями ознакомьтесь с инструкцией:http://www.advantshop.net/help/pages/work-with-css

Готово. В статье рассмотрели, как можно заменить подарочные сертификаты (в письме, иконку или отображение блока на главной) на свой внешний вид, который пожелаете.

Открыть онлайн чат? Открыть
Статья оказалась полезной? Да Нет
Как мы можем улучшить статью?
Благодарим за отзыв.
Благодарим за отзыв. Мы улучшим эту статью.
Произошла ошибка.
Не нашли нужную статью? Предложить тему
Не нашли нужную статью?
Благодарим за отзыв.
Произошла ошибка.

Маркетинг

Телефония. Sipuni Телефония. Телфин Что такое номер корзины (Client Tracking) Что лучше – поисковое продвижение или контекстная реклама? Что такое «основное зеркало сайта» и как его настроить? Что такое мета-теги title, keywords, description, h1 и для чего они нужны? Что нужно проверить в магазине перед началом индексации? Карта сайта (Sitemap) для версии 4.0, 4.1, 5.0 Телефония. Манго Телеком Описание настроек Яндекс Маркета Google Merchant Center Подписчики на новости. Импорт и экспорт списка подписчиков Индексация сайта по доменам "с www" и "без www" Индексация изображений, размещённых на сайте Что такое тИЦ, PageRank ? Что такое сниппеты и как их настроить? Влияет ли на продвижение сайта уникальный контент? Что такое Яндекс.Вебвизор? Почему я вижу пустую корзину клиента в Вебвизоре? Стили подарочного сертификата Мета теги canonical, next, prev Купоны и подарочные сертификаты Индексация технического адреса магазина Добавление опроса на сайт Как подключить счетчики статистики на сайте Установка счетчиков статистики. Яндекс.Метрика. Установка счетчика Яндекс.Метрика (Видео) Установка счетчика посещаемости Liveinternet (видео) Установка счетчика посещаемости Google Analytics Установка счетчика статистики Google Analytics Маркеры товара: хит, новинка, скидка, рекомендуем, распродажа Модуль "Яндекс.Метрика", настройка целей Как настроить цели в Google Analytics Скрипт на странице успешного оформления заказа Перекрестный маркетинг: «С этим товаром покупают». Подарочные сертификаты Перекрестный маркетинг: опция «Похожие товары» Скидка на товар, для групп пользователей, на заказ. Выгрузка товаров в Яндекс.Маркет Дополнительный тег в Head Выгрузка товаров в Яндекс.Маркет Запуск контекстной рекламы для интернет-магазина Добавление новости в интернет магазин AdVantShop.NET Настройка файла robots.txt Подтверждение владения сайтом Yandex Web Master - подтверждение права собственности на сайт Google Webmaster Tools - подтверждение права собственности на сайт Подтверждение права владения сайтом: загрузка файла в корень Подключение к Google Analytics API Мобильная версия магазина в поисковых системах Мультиязычность для интернет магазина
© AdvantShop. Платформа для открытия интернет-магазина.