Магазин Webasyst » Темы дизайна »

Multi-Shop

Функциональный лаконичный продаваемый шаблон

1.3.9 3 июля 2017

Адаптация сайта к изменениям в законе РФ о персональных данных, вступающим в силу 1 июля 2017 года

1.3.4.1 11 июня 2014

Процедуру обновления читайте на странице Как установить обновление?

  • Исправлены мелкие недоработки цветовых схем
  • Исправлено отображение рубля
  • Добавлена опция в Настройках темы "Расположение страниц в горизонтальном меню категорий"

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

  • custom.css: от .multishop-pink a:hover до article time
    от .multishop-pink .button.theme до .button.light-grey:disabled
    всю строку .slider-custom.list h3, .brands h3
  • custom.shop.mobile.css - весь файл
  • custom.shop.css: от .multishop-pink .image-thumb a.selected img до .bx-wrapper .bx-viewport
    замените строчки для этих правил .checkout-step h2.selected .checkout-number; .checkout-step h2.selected; .cart-page h1; .cart-page .checkout; .cart-cell.cart-item
    добавьте строчку .cart-page .cart { padding-left: 10px; }
  • Замените полностью файлы, если в них не было изменений: cart.html, product.cart.html, checkout.html, checkout.shipping.html, product.js, navigation_pages.html, cart.js, authorize-js.html
  • Сайт: theme.xml. Зайдите в Сайт - Дизайн. Выберете тему Multishop, нажмите на любой файл, и у вас в адресной строке будет что-то наподобие: http://mydomain/webasyst/site/#/design/theme=multishop&file=custom.css
    вместо custom.css напишите theme.xml и нажмите Enter. У вас откроется системный файл. Найдите строку:

    <setting var="more_text" control_type="text">

    перед ней вставьте код, чтобы в итоге получилось вот так:

    <setting var="horizontal_menu_pages" control_type="select">
        <value>before</value>
        <name locale="ru_RU">Расположение страниц в горизонтальном меню категорий</name>
        <name locale="en_US">Pages position in horizontal menu</name>
        <options>
            <option value="before">
                <name locale="ru_RU">Перед приложениями (Магазин, Сайт, Блог и т.д.)</name>
                <name locale="en_US">Before applications (Shop, Site, Blog etc.)</name>
            </option>
            <option value="after">
                <name locale="ru_RU">После приложений (Магазин, Сайт, Блог и т.д.)</name>
                <name locale="en_US">After applications (Shop, Site, Blog etc.)</name>
            </option>
        </options>
    </setting>
    <setting var="more_text" control_type="text">

    В самом конце найдите код:

         </locales>
    </theme>

    Замените его на этот:

    <locale>
                     <msgid>Contact information successfully updated!</msgid>
                     <msgstr locale="ru_RU">Контактная информация успешно обновлена.</msgstr>
    </locale>
         </locales>
    </theme>
1.3.8 9 мая 2016
  • Добавлена поддержка Shop-Script 7 (старые версии не пострадают)

Процедуру обновления читайте на странице Как установить обновление?

1.3.7 2 мая 2015
  • Добавлена вспомогательная функция для плагина Гибкие скидки (должна быть установлена последняя версия плагина)
  • Исправлено раскрытие/сворачивание корневых категорий в каталоге
Затронуты файлы:
  • list-thumbs.html, list-table.html:
    замените </form> на
    <meta itemprop="price" content="{$p.price}">
    <meta itemprop="priceCurrency" content="{$wa->shop->primaryCurrency()}">
    </form>
  • cart.js, navigation.html, navigation_pages.html: обновить полностью
  • custom.js: замените var ul = btn.parent().is("h4") ? btn.parent().next() : btn.next(); на var ul = btn.closest("h4").length ? btn.closest("h4").next() : btn.next();
1.3.6 2 апреля 2015
  • Добавлены Промо-карточки
  • Исправлено отображение логотипа

Затронуты файлы:

  • custom.shop.css: добавьте в конец файла следующий код:
    .info-banners { text-align: center; margin: 20px 0; } .info-banners:after, .banner-icon:after { content: ''; clear: both; display: block; } .info-banner { text-align: left; border: 1px solid #dddcdc; margin-right: 20px; margin-bottom: 5px; box-sizing: border-box; padding: 10px; min-height: 80px; display: inline-block; vertical-align: top; width: 230px; } .info-banner p { margin: 0; font-size: 13px; } .info-banner img { max-width: 212px; } .info-banner h5 a { font-weight: normal; text-decoration: none; } .info-banner h5 a:hover { text-decoration: underline; color: #01c4c0 !important; } .banner-icon { float: left; margin-right: 5px; position: relative; } .multishop-pink .info-banner h5 a:hover { color: #db2261 !important; } .multishop-green .info-banner h5 a:hover { color: #8ed417 !important; } .multishop-blue .info-banner h5 a:hover { color: #00a6d6 !important; } .multishop-purple .info-banner h5 a:hover { color: #834c91 !important; } .multishop-black .info-banner h5 a:hover { color: #80aed2 !important; } .multishop-emerald .info-banner h5 a:hover { color: #1fc987 !important; } .multishop-orange .info-banner h5 a:hover { color: #f7a316 !important; } .multishop-red .info-banner h5 a:hover { color: #e5012b !important; } .multishop-red2 .info-banner h5 a:hover { color: #d10101 !important; } .multishop-lightpurple .info-banner h5 a:hover { color: #b39bb3 !important; } .multishop-blindblue .info-banner h5 a:hover { color: #8594cd !important; }
  • index.html: найдите код {$theme_settings.logo|escape} и добавьте после него ?{$wa_theme_version}
  • home.html: найдите в оригинале файла и скопируйте себе код, начиная от <!-- Promo-cards --> и заканчивая <!-- End of Promo-cards -->
  • sidebar.html: полностью заменить
1.3.5 19 марта 2015

Процедуру обновления читайте на странице Как установить обновление?

  • Добавлена новая красная цветовая гамма
  • Добавлен новый хук frontend_nav_aux в шаблоне sidebar.html
  • Переменные {$wa_url} заменены на {$wa_static_url}
  • Исправлена ошибка фильтра товаров
  • Исправлена работа для мобильных устройств
  • Добавлены события в Корзину для плагина Товары-комплекты

Затронуты файлы:

Магазин
  • list-thumbs.html, list-table.html, slider.html

    Было {if !$wa->isMobile()} not-mobile{/if} стало {if !$wa->isMobile() && !$wa->userAgent('device')} not-mobile{/if}
  • category.html, compare.html, head.html, search.html, product.html, index.html: Переменные {$wa_url} заменены на {$wa_static_url} (Обновление для SS6. Выплнять только после его установки)
  • image-gallery.html, filter.html, cart.js, filter.js, navigation.html - полностью
  • search.html: Было div class="content left250px" стало div class="content left260px"
  • custom.shop.css:

    стили для новой цветовой схемы .multishop-red2
    Было #product-list ul.thumbs li { margin: 0 0 25px 30px; стало #product-list ul.thumbs li { margin: 0 0 25px 25px;
    Было .news-block img, .news-block article { width: 210px; } стало .news-block img, .news-block article { width: 200px; }
  • sidebar.html:

    Хук frontend_nav_aux
    Было collapsible='expanded' стало collapsible=$theme_settings.catalog_cat_collapsible
  • product.html:

    изменения после строки {$image_normal_size - добавлен атрибут alt
    В самом низу было {$f_value|escape} стало {$f_value}
  • custom.shop.mobile.css: Добавлено правило .news-block img, .news-block article { width: 245px; } внутри блока @media only screen and (max-width: 980px) {
  • index.html: Было {if $wa->isMobile()} стало {if $wa->isMobile() || $wa->userAgent('device')}
  • custom.mobile.css:

    Добавлено правило ul.social-buttons.menu-h, ul.payment-block.menu-h, .footer-pages, .copyright { padding-left: 10px; } в блоке @media only screen and (max-width: 740px) {
    Было #mobilebar .phone { float: none; } стало #mobilebar .phone { float: none; height: inherit;}
  • custom.css:

    Добавлены стили .multishop-red2
Фото
  • head.html: Переменные {$wa_url} заменены на {$wa_static_url} (Обновление для SS6. Выплнять только после его установки)
Блог
  • head.html, comments.html: Переменные {$wa_url} заменены на {$wa_static_url} (Обновление для SS6. Выплнять только после его установки)
  • custom.blog.css:

    Добавлено новое правило ul.menu-v.with-icons.comments a { margin-left: 0; padding-left: 0; }
    Было .comments .text { margin: 5px 0 5px 27px; } стало .comments .text { margin: 5px 0 5px 27px; text-align: justify; }
1.3.4 7 июня 2014

Процедуру обновления читайте на странице Как установить обновление?

Что нового?

  • Исправлено двойное экранирование в горизонтальном меню категорий и сайдбаре
  • Добавлено маленькое изображение пользователя в шапку сайта, если таковое имеется в его профиле
  • Для товаров в режиме продажи «Выбор характеристик» можно выбрать отображение списком <select> (как и всегда было) или одной строкой друг за другом. Также Вы можете указать для каждого товара свой тип отображения характеристик. Подробнее читайте в Документации, пункт 6.3
  • На странице товара добавлен блок с наглядным результатом отзывов для товара

Затронуты файлы:

  • custom.css: добавлено 2 новых стиля: .user-account и i.userimg. Найдите их и скопируйте себе.
    Для каждой темы отображения добавлен стиль table.rating-distribution td .bar .filling. Пример, .multishop-pink table.rating-distribution td .bar .filling. ; .multishop-green table.rating-distribution td .bar .filling и тд. Их тоже найдите и скопируйте себе в нужное место
  • index.html: строки
    <i class="icon16 th user-bw"></i> <a href="{$wa->getUrl('shop/frontend/my')}">{$wa->user('name')}</a> / необходимо заменить на
    <a href="{$wa->myUrl()}" class="user-account"><i class="userimg" style="background-image: url('{$wa->user()->getPhoto(20)}');"></i> {$wa->user('name')}</a> /
  • navigation.html: у конструкций {$cat.name|escape}, везде, где встречается {$КАКОЙ_ТО_КОД.name|ESCAPE} удалите "|escape", чтобы получилось к примеру {$КАКОЙ_ТО_КОД.name}
  • Магазин - Витрина - login.html: было {$wa->loginForm($error)} стало {$wa->loginForm($error, empty($without_form))}
  • sidebar.html: удалите все "|escape"
  • my.affiliate.html: замените весь файл
  • list-thumbs.html и list-table.html: было {$p.summary|escape|truncate:200} стало {$p.summary|truncate:200}
  • product.cart.html и product.js: замените все
  • custom.shop.css: скопируйте и добавьте себе код от правила table.rating-distribution td до правила .options .inline-select a.selected .color_name включительно
    от правила .multishop-pink .image-thumb a.selected img до правила .multishop-blindblue .options .inline-select a.selected включительно
  • Магазин: theme.xml. Зайдите в Магазин - Витрина - Дизайн. Выберете тему Multishop, нажмите на любой файл, и у вас в адресной строке будет что-то наподобие: http://mydomain/webasyst/shop/?action=storefronts#/design/theme=multishop&file=cart.html
    вместо cart.html напишите theme.xml и нажмите Enter. У вас откроется системный файл. Внизу вы найдете строки:

    </settings>
    <thumbs>
        <thumb>77x96</thumb>

    перед ними вставьте код, чтобы в итоге получилось вот так:

    <setting var="selectable_features_control" control_type="radio">
        <value>select</value>
        <name locale="ru_RU">Выбор характеристик</name>
        <name locale="en_US">Selectable features</name>
        <options>
            <option value="inline">
                <name locale="ru_RU">Показать все значения в ряд</name>
                <name locale="en_US">Display all values inline</name>
                <description locale="ru_RU">Для товаров в режиме продажи «Выбор характеристик» значения характеристик будут показаны одной строкой друг за другом. Рекомендуется, если названия значений относительно короткие и по ним однозначно можно определить, о какой характеристике товара идет речь, например, XL, 16 GB, 13”.</description>
                <description locale="en_US">For products which are sold in selectable features mode, all feature values will be displayed inline. Great if feature value names are self-explanatory and expliciy in context of a product, e.g. XL, 16 GB, 13”.</description>
            </option>
            <option value="select">
                <name locale="ru_RU"><![CDATA[Выбор из списка <select>]]></name>
                <name locale="en_US"><![CDATA[<select> HTML control]]></name>
                <description locale="ru_RU"><![CDATA[Для товаров в режиме продажи «Выбор характеристик» значения характеристик будут предложены на выбор с помощью стандартного выбора <select>. Рекомендуется, если названия значений характеристик содержат более одного-двух слов или по значениям нельзя однозначно понять, о какой характеристике товара идет речь, например, «до 10 часов», «не предусмотрено».]]></description>
                <description locale="en_US"><![CDATA[For products which are sold in selectable features mode, feature values will be displayed using a <select> HTML control. Recommended if value names are either too long or ambiguous in context of a product, e.g. “up to 10 hours”, “yes”.]]></description>
            </option>
        </options>
    </setting>
    </settings>
    <thumbs>
        <thumb>77x96</thumb>
1.3.3 26 мая 2014
  • Поправлены недочеты локализации
  • Исправлены недочеты CSS
  • Исправлено двойное экранирование в навигационном меню категорий

Затронуты файлы:

  • custom.css: новый стиль .content.left260px { margin-left:260px; } и .breadcrumbs { padding-left: 10px; }
    изменены: #main > .wrap; .content.main-page; #page; #page, p; .phone; .logo; .logo; #currencies; .pages; .slider-custom; .slider.slider-custom; .footer .sidebar; .footer .content; .footer.big .copyright
  • custom.mobile.css: замените весь файл, если не вносили изменения
  • navigation.html - заменить полностью
  • Сайт: theme.xml. Зайдите в Сайт - Дизайн. Выберете тему Multishop, нажмите на любой файл, и у вас в адресной строке будет что-то наподобие: http://mydomain/webasyst/site/#/design/theme=multishop&file=custom.css
    вместо custom.css напишите theme.xml и нажмите Enter. У вас откроется системный файл. В самом низу вы найдете строки:
    <locale> <msgid>Open panel</msgid> <msgstr locale="ru_RU">Открыть панель</msgstr> </locale>
    сразу после них вставьте код:
    <locale> <msgid>Place order</msgid> <msgstr locale="ru_RU">Оформить заказ</msgstr> </locale> <locale> <msgid>Apply</msgid> <msgstr locale="ru_RU">Применить</msgstr> </locale>
    Нажмите сохранить
  • category.html: было <div class="content left250px"> стало <div class="content left260px">
  • custom.shop.css: новый стиль .sidebar.main-page { padding: 0 10px; } , .sidebar.main-page img { max-width: 100%; } , .slider-custom.thumbs-container { margin: 0; }
    изменены: .category-sidebar; #product-list; .news-block article; .product-page .images; .related h4; .slider-custom.list
  • custom.shop.mobile.css:замените весь файл, если не вносили изменения
  • home.html:
    1) было <div class="{if $news}sidebar left450px {/if}main-page" itemscope itemtype="http://schema.org/Store"> стало <div class="{if $news}sidebar left500px {/if}main-page" itemscope itemtype="http://schema.org/Store">
    2) было <div class="content main-page left450px"> стало: <div class="content main-page left500px">
  • sidebar.html: замените все слова "Развернуть" на конструкцию [`Expand`], а слова "Свернуть" на [`Collapse`]
1.3.2 21 мая 2014
  • Добавлен выбор увеличения изображения товара (лупа или всплывающее окно). См. Настройки темы (в конце)
  • На странице просмотренных товаров добавлена кнопка сброса
  • На странице Сравнения исправлена ошибка двойного экранирования

Затронуты файлы:

  • index.html. Ищите <!-- shopping cart info -->, под ним нужно будет найти различия.
    <li class="mobile-cart"> - span class="indicator". На этой строке изменение
  • cart-block.html, compare.html, list-table.html, list-thumbs.html - везде, где есть выражение {$wa->shop->productImgHtml
  • custom.shop.css: .product-page .images .image img, .image-thumb img, table.compare td img, также в конце появилось 2 новых правила
  • custom.shop.js: в конце
  • product.html
  • Добавился файл image-gallery.html
  • theme.xml - новая настройка. Лучше напишите мне, я вам ее вставлю (если вы не собираетесь сбрасывать все изменения в теме)
1.3.1 15 мая 2014

Процедуру обновления читайте на странице Как установить обновление?

Что нового?

  • Добавлена возможность вывода новостей с картинками на главной странице Магазина, а также указание ссылки на сторонний сайт / блог при необходимости. Подробнее Документация, пункты 8.1, 8.2
  • RSS ссылка
  • Улучшена работа мобильной версии
  • Изменен процесс регистрации / авторизации
  • Добавлена иконка Инстаграма. Смотрите в Настройках темы
  • Добавлены иконки оплаты. Подробнее Документация, пункт 12
1.2.1 25 марта 2014
  • Исправлена ошибка навигации
  • Исправлены мелкие недоработки CSS
  • Исправлена ошибка при оформлении заказа
1.1.1 14 марта 2014
  • Исправлена работа фильтра товаров
  • Сделано соответствие изображений к артикулам товаров
1.3 5 мая 2014

Внимание! Чтобы обновить тему дизайна Вам необходимо:

  1. Обновиться в Инсталлере
  2. Для КАЖДОГО из приложений Сайт, Магазин, Фото, Блог выполнить следующее: зайти в Дизайн - Настройки темы.
  3. В самом низу нажмите Создать Дубликат
  4. В оригинальной теме, которую Вы использовали до этого в Настройках темы нажмите "Сбросить все изменения". Таким образом Вы отмените все изменения, которые сами вносили на сайт и получите обновленную версию шаблона
  5. Сравнивая файлы обновленной версии и версии дубликата (старую), найдите изменения и восстановите свои правки.
  6. Любые вопросы пишите на почту gapon2401@gmail.com

Обновления:

  • Добавлена возможность добавлять товары в "Избранные" (wish-list)
  • Просмотренные товары
  • Добавлена фиксированная нижняя панель
  • Текстовые наклейки (см. документацию, пункт 8)
  • Новый тип отображения категорий товаров в горизонтальном меню
  • Настройка индивидуального отображения категорий товаров в горизонтальном меню (см. документацию, пункт 2.4)
  • Возможность встраивания произвольного HTML в категории товаров в горизонтальном меню при использовании комбинированного типа (см. документацию, пункт 2.3)
  • Изменено отображение товаров в слайдере и каталоге
  • Добавлена возможность вывода баннеров на главной странице Магазина
  • Исправлена ошибка ленивой подгрузки в каталоге
  • Добавлено множество полезных функций, расширяющих функционал шаблона. Найти их можно в Настройках темы.
  • Добавлена английская локаль
  • Шаблон адаптирован для широкоформатных экранов
  • Обновлена документация
1.2 17 марта 2014
  • Изменено отображение категорий в каталоге
  • Добавлена возможность определять до какого уровня открывать категории в каталоге
  • Улучшено отображение горизонтального меню категорий для мобильных устройств
1.0.1 26 февраля 2014
Мелкие недочеты
1.1 11 марта 2014
  • Добавлено 12 тем оформления
  • Добавлено 20 текстур заднего фона
  • Поддержка мобильных браузеров
  • Возможность изменения цвета в шапке сайте, под логотипом, общего фона.
  • Возможность удаления бликов в шапке сайта
25 февраля 2014
Выпуск первой версии.