Скрипт интернет-магазина Shop-Script 7

Тег «topshop»


17 февраля 2017

Замена брендов на плагин Бренды

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

Откройте два файла home.single.html и home.split.html и произведите замену кода

    <div class="brands">
    <h3 class="text-center home-header">{$theme_settings.slider_brands_name}
        <span class="arrow">
                <a href="#" class="slider-brands-next"><i class="fa fa-angle-left"></i></a>
                <a href="#" class="slider-brands-prev"><i class="fa fa-angle-right"></i></a>
            </span>
    </h3>
    <div class="row main-slider-brands-home">
        {foreach $slider_brands as $brands}
        <div class="brand-slide">
            {if $brands.description}
            <a href="{$brands.description}">{$wa->photos->getImgHtml($brands, "200x0", false)}</a>
            {else}
            {$wa->photos->getImgHtml($brands, "200x0", false)}
            {/if}
            {if $brands.name && $theme_settings.brands_name}<div class="text-center">{$brands.name}</div>{/if}
        </div>
        {/foreach}
    </div>
</div>

на новый код

    <div class="brands">
    <h3 class="text-center home-header">{$theme_settings.slider_brands_name}
        <span class="arrow">
            <a href="#" class="slider-brands-next"><i class="fa fa-angle-left"></i></a>
            <a href="#" class="slider-brands-prev"><i class="fa fa-angle-right"></i></a>
        </span>
    </h3>
    <div class="row main-slider-brands-home">
    {$slider_brands = shopProductbrandsPlugin::getBrands()}
        {foreach $slider_brands as $b}
        {if $b.image}<a title="{$b.name}" href="{$b.url}">
            <div class="brand-slide">
                <img alt="{$b.name}" src="{$wa_url}wa-data/public/shop/brands/{$b.id}/{$b.id}{$b.image}">
            </div>
        </a>{/if}
        {/foreach}
    </div>
</div>
Теги: topshop
14 февраля 2017

Как вывести бренды в каталоге?

Для вывода брендов в каталоге, потребуется плагин. Если он у вас уже стоит, откройте файл category.html и добавьте туда код:

<div class="about-shop split hidden-md-down left-block">
   <div class="newsblock leftside">
    <h5>Бренды</h5>
        <div class="row">
                {foreach shopProductbrandsPlugin::getBrands() as $b}
                <div class="col-lg-6 col-md-6">
                    <a title="{$b.name}" href="{$b.url}">{$b.name}</a>
                </div>
                {/foreach}
        </div>
   </div>
</div>

Например в демо-версии мы добавили сюда.

Откройте файл user.css и добавьте следующий стиль:

.left-block {
    margin-bottom:20px !important;
}
.left-block  a {
    color:#333333;
    text-decoration:underline;
}

Список ваших брендов готов к использованию.

Теги: topshop
14 февраля 2017

Добавление изображения для новостей/статей

Чтобы вывести изображение рядом с названием (на главной странице или в каталоге), можно воспользоваться плагином, но есть и бесплатный способ - указать в дополнительных параметрах ссылку на изображение. Загрузите изображение через Визуальный редактор или приложение Фото. Скопируйте ссылку на изображение и вставьте его в дополнительное поле как указано на картинке ниже. Формат вставки должен быть такой:

img=ссылка на изображение

Теги: topshop
11 февраля 2017

Добавление нового списка товаров

Добавить новый список с товарами очень просто. Создайте список и добавьте в него товары. Разместить данный код можно в любом файле шаблона.

{$spisok1= $wa->shop->productSet("spisok1")}
<h3 class="text-center">Новый список товаров</h3>
<div class="row container-catalog">
    {include file="`$wa_active_theme_path`/list-thumbs.html" filter_fix=1 products=$spisok1}
</div>

где spisok1 - идентификатор списка товаров.

Теги: topshop
30 января 2017

Установка онлайн чата JivoSite


Предоставленный код сервиса, в нашем случае JivoSite скопируйте и вставьте в приложения "Сайт" - "Настройки". Поле - Дополнительный JavaScript-код для вставки перед закрывающим тегом </head>:

Теги: topshop, jivosite
29 января 2017

Изменение внешнего вида кнопки в корзину

Данная настройка доступна в настройках темы с версии 1.98

Откройте файл user.css и добавьте код:

.thumbnail-catalog .bottom-block {
    height:85px;
}
.thumbnail-catalog .bottom-block .price s, .thumbnail-catalog .bottom-block .price span {
    display:inline-block;
}
.thumbnail-catalog .bottom-block .price {
    display: block;
    text-align: center;
}
.thumbnail-catalog .bottom-block .add-to-cart {
    display: block;
    width:100%;
    margin:10px 0;
}
.thumbnail-catalog .btn-primary {
    width:150px;
}
.thumbnail-catalog .btn-primary:before {
    content:"В корзину";
    margin-left:30px;
    display:block;
}


Теги: topshop
29 января 2017

Изменяем фон верхнего меню и его длину

Откройте файл user.css и добавьте код:

.menu-h-top li ul {
    background: #362b25;
}
.top-line {
    max-width:1280px;
    margin: 0 auto;
    background: #362b25;
}
.top-line a {
    color: #ffffff !important;
}

где 1280px - ширина меню, она должна совпадать с шириной сайта
#362b25 - фон меню
#ffffff - цвет ссылок

Теги: topshop
29 января 2017

Изменяем размер шрифта центрального меню

Откройте файл user.css и добавьте код:

.container-menu-h .menu-h {
    height:auto;
}
.container-menu-h .menu-h a {
    font-size:20px !important;
}
.menu-h li a {
    padding:10px 20px;
}

где 20px - размер шрифта
10px 20px - отступы по высоте/низу и право/лево

Теги: topshop
29 января 2017

Фиксируем фон картинки на одном месте (без прокрутки)

Откройте файл user.css и добавьте код:

body {
    background-attachment:fixed;
    background-size: cover;
}
Теги: topshop
29 января 2017

Увеличение высоты карточки продукта (TopShop)

Откройте файл user.css и добавьте код:

.thumbnail-catalog .image-block {
    height: 320px;
    line-height: 320px;
}
.thumbnail-catalog .image-block img {
    max-height: 300px;
}

Для первого параметра .thumbnail-catalog .image-block укажите высоту на 20px больше, чем во втором параметре .thumbnail-catalog .image-block img
Например: 420 и 400, или 450 и 430

Теги: topshop