В Shop-Script 6 появилась новая возможность добавления промокарточек на главную страницу, с помощью которых можно выразительно представить информацию о скидках, спецпредложениях, новых товарах.
Так как функциональность промокарточек появилась только в Shop-Script 6, пользователям тем дизайна Shop-Script 5 необходимо добавить код отображения карточек в шаблоны дизайна.
Добавьте следующий код в шаблон дизайна home.html:
{if $promocards = $wa->shop->promos()}
<!-- PROMOS -->
<section class="promos">
<ul>
{foreach $promocards as $promo}
<li id="s-promo-{$promo.id}">
<a href="{$promo.link|escape}" style="background-image: url('{$promo.image}');">
<div class="background-color-layer"></div>
{if !empty($promo.title)}<h5 style="color: {$promo.color};">{$promo.title|escape}</h5>{/if}
{if !empty($promo.body)}<p style="color: {$promo.color};">{$promo.body|escape}</p>{/if}
</a>
</li>
{/foreach}
</ul>
</section>
{/if}
И следующий код в CSS-файл вашей темы (например, default.shop.css):
.promos { margin: 5px -25px; }
.promos ul { padding: 0; margin: 0; }
.promos ul li { padding: 0; margin: 0; list-style: none; display: inline-block; width: 25%; float: left; }
.promos ul li a { display: block; padding: 40px 20px; height: 80px; overflow: hidden; background-size: cover; background-position: center center; color: #000; background-color: rgba(0,0,0,0.05); border: 5px solid #fff; text-align: center; position: relative; }
.promos ul li a .background-color-layer { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0.1; background-color: #000; }
.promos ul li a h5 { font-size: 1.3em; text-shadow: 0 1px 2px #000; position: relative; z-index: 2; }
.promos ul li a p { font-size: 0.9em; text-shadow: 0 1px 1px #000; position: relative; z-index: 2; }
.promos ul li a:hover .background-color-layer { opacity: 0.5; transition: 0.3s; }
После добавления промокарточки должны появиться на главной странице вашего интернет-магазина. Если карточки отображаются неправильно, что возможно в связи с особенностями вашей темы дизайна, то настройте отдельные правила отображения в CSS-файле: размеры карточек, цвет шрифтов и т. п. Если у вас возникли сложности с добавлением блока, пожалуйста, обратитесь к разработчику вашей темы дизайна либо обновите тему дизайна до последней оригинальной версии.
40 комментариев
Подскажите, почему, когда просит форма промо-карточки ввести название https://
я ввела выдуманное https://stratum-russia.sertificate/ затем, на главной странице появилась карточка, а когда на нее щелкаешь чтобы перейти к ней, к этой странице, то она не доступна. Что надо сделать? или я что-то не правильно сделала?
П.С. все коды, которые вы дали я добавила в шаблоны
ДОбрый день. Хотела настроить промо-карточки, но в шаблоне дизайна
Default 2.0 нет файла home.html. Куда вставлять код?Во вкладке "Магазин" , а а потом "Витрина",там есть.
Данный блок очень необходим для большинства магазинов. Причем достаточно одного и не обязательно с ссылкой на материал. И часто промо повторяется, например раз в месяц, а функционала например "приостановить" нет, только удалить. Получается данное промо нужно каждый раз создавать заново. Да и восьмое Марта нужно ежегодно с нуля придумывать... Вообщем крайне полезно, но нужно доделывать.
Поддержу. Ещё нужна возможность:
1. В качестве блока использовать произвольный HTML код
2. Нужна возможность по расписанию cron применять или снимать с публикации карточки.
Ибо акции частенько запускаются с нуля часов и по ночам сидеть не всем удобно.
Ps. Временное решение чтобы не удалять карточку. Создайте трешевую витрину и оставляйте карточку на ней до тех пор пока не понадобится снова.
Попробовал что так можно, но очень интересно что же будет отображаться на витрине если она выбрана в нескольких карточках. Не встраивал в дизайн чтобы удовлетворить этот интерес, может кто напишет.
Можно как-то настроить размеры промо картинок, чтобы они автоматически обрезались под нужный размер?
Сервер всегда будет отдавать картинки одного и того же размера. Задайте им любой размер в теме дизайна CSS'ом.
подскажите а где редактировать эти карточки? Текс на них. Заранее пасибо!
Карточки есть а вот изображения не тянутся в чем причина
www.efes.com.ua
И в какое место страницы добавлять код?...
Добавил - послетали все товары из промо-списка...
очередная шляпа
Кроме карточек есть куча других проблем,
которые необходимо решить.
А программисты занимаются ерундой.
Сделали бы редакторы,
как визуальный для дизайна,
так и нормальный для уведомлений.
Чтобы не выносить мозг с кодом обычным пользователям.
И пошаговую инструкцию по созданию магазина уже бы сделали.
А то куча не понятных обновлений, ухудшающих работу,
и куча второстепенных фишек,
при не доведённом до ума сервисе.
А да точно.
3. Обязательно под HTML код редактор.
Теперь всё что нужно для полного счастья.
Здравствуйте! У меня карточки отображаются, только при их нажатии переход идёт на пустую страницу приложения, а не на указанную страницу. Вернее будет сказать, что так происходит в самом приложении в Контактах. А на витрине в Контакте в поселении типа http://yourdomain.ru/vkontakte/ работает всё нормально.
<o:p> </o:p>
Как это исправить?<o:p></o:p>
Код отображения карточек в шаблоны дизайна я не добавлял! Потому как у меня есть вопросы:
День добрый срочно нужна помощь в админке, капец решила я сделать промо страницу и все послетало
Прошу помочь в возврате предыдущего вида сайта - Тема дизайна «CUSTOM» а не вот эти ваши Дефолты, как что сделать разобраться не могу, помогите вернуться к прежнему виду дизайнаа срооочнооо!!!
Для восстановления прежнего внешнего вида сайта воспользуйтесь резервной копией, которая должна храниться на серверах вашего хостинг-провайдера.
Вы также можете восстановить тему дизайна до оригинала в редакторе дизайна, но в этом случае будут потеряны все ваши пользовательские изменения в дизайна и вам придётся вносить их заново.
Здравствуйте! Как сделать так, чтобы текст под заголовком карточки отображался в маленьком виде под слайдером? Проблема что в настройках я его ввожу, а в результате он не показывается.
Ваш вопрос не имеет прямого отношения к теме статьи. Задайте его в отдельной теме в общем хабе поддержки, пожалуйста, или поищите ответ на него с помощью функции поиска.
Здравствуйте! Хотела создать новую промо карточку со своей картинкой, но загрузить не могу. Всплывает такое сообщение
<h2 style="margin-bottom: 0.3em; font-size: 1.35em; font-family: "Helvetica Neue", "Liberation Sans", Arial, sans-serif; line-height: 1.2em; background-color: rgb(255, 255, 255);">You don't have permission to access requested URL on this server</h2>И что делать?
Как создать самому промо-карточку для отображения под слайдером в теме Дефолт 3 ?
Поместил в список promo несколько товаров - они отображаются в слайдере. А под слайдером те же квадратики по умолчанию с "Онлайн-заказ" "Скидка до 30%" и т.д. с ссылками в никуда (#).
Разобрался. Оказывается есть список promo и есть список Промо и это разные вещи.
Добрый день!
Подскажите какие размеры в пикселях должны быть у баннеров.
Ваш вопрос не имеет прямого отношения к теме статьи. Задайте его в отдельной теме в общем хабе поддержки, пожалуйста, или поищите ответ на него с помощью функции поиска.
Помогите разобраться. На главной странице промо карточки работают на ура. Вывел также этот блок в сайдбар. Как реализовать так чтобы на других страницах магазина (в сайдбаре) показывалась только одна промо карточка с определённым id. Если есть решение напишите. Заранее спасибо.
Если нужно срочное квалифицированное решение, обратитесь к партнёрам Webasyst.
Где настроить время пролистывания?
Это зависит от темы дизайна, которую вы используете. Обратитесь к разработчику темы дизайна, пожалуйста. Его координаты вы найдёте на странице с описанием темы дизайна в магазине Webasyst.
спасибо
А если тема дизайна Дефолт 3.0? Кого спрашивать?
Задайте вопрос на форуме поддержки, пожалуйста, или поищите ответ на него с помощью функции поиска.
Возможно вывести показ промокарточек не на главной странице?
Возможно. Скопируйте код, который показывает промокарточки на главной странице, туда, где вы хотите их показывать.
Здравствуйте.
У слайдера промокарточек не предусмотрено кнопок для ручного перелистывания, только таймер?
Это зависит от вашей темы дизайна. У каждой темы могут быть разные инструменты использования слайдера.
А как сделать так чтобы над промо карточками появилась надпись
Например, популярные категории?
Добавьте эту надпись в файл home.html перед тем местом, где в вашей теме дизайна находится код отображения промокарточек.
Вот есть 2 блока
Куда нужно добавить этот текст?
Чтобы было посередине дизайна? Как ХИТЫ ПРОДАЖ?
http://joxi.ru/KAgPn9jHEG9dOr
Могу оплатить за помощь в создании этой надписи
Попробуйте добавить после строки
{if $promocards}Но просто текст — без HTML-тегов — может выглядеть не очень красиво. Чтобы было красиво, обратитесь за квалифицированной помощью к партнёрам Webasyst или задайте вопрос на форуме, пожалуйста.
Спасибо
вставил такой код после
{if $promocards}Все выровнялось как нужно