Multi-Shop

Multifunctional concise Webasyst theme template

1.3.9 July 3, 2017
Adaptation of the site to changes in Russia's law of personal data, effective on July 1, 2017
1.3.4.1 June 11, 2014

Read article How to update theme template?

  • Fix color schemes
  • Fix ruble sign
  • New Theme setting "Pages position in horizontal menu"

You will need to find this css rules in the original file, copy "from" and "to" inclusive and paste it into your theme file instead of the same constructions:

  • custom.css: from .multishop-pink a:hover to article time
    from .multishop-pink .button.theme to .button.light-grey:disabled
    line .slider-custom.list h3, .brands h3
  • custom.shop.mobile.css - change all
  • custom.shop.css: from .multishop-pink .image-thumb a.selected img to .bx-wrapper .bx-viewport
    change this lines: .checkout-step h2.selected .checkout-number; .checkout-step h2.selected; .cart-page h1; .cart-page .checkout; .cart-cell.cart-item
    add line .cart-page .cart { padding-left: 10px; }
  • Change all files: cart.html, product.cart.html, checkout.html, checkout.shipping.html, product.js, navigation_pages.html, cart.js, authorize-js.html
  • Site: theme.xml. Go to Site - Design. Select Multishop theme, click any file, and in your address bar you will have something like this: http://mydomain/webasyst/site/#/design/theme=multishop&file=custom.css
    change custom.css on theme.xml and press Enter. System file will be opened. Find:

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

    before this code insert that one, so you will have:

    <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">

    At the end find code:

         </locales>
    </theme>

    Change it to this one:

    <locale>
                     <msgid>Contact information successfully updated!</msgid>
                     <msgstr locale="ru_RU">Контактная информация успешно обновлена.</msgstr>
    </locale>
         </locales>
    </theme>
1.3.8 May 9, 2016

Read article How to update theme template?

  • Shop-Script 7 support
1.3.7 May 2, 2015
  • Added function for plugin Flexdiscount (You should have the latest version of plugin)
  • Root categories collapse/expand fix
Files to change:
  • list-thumbs.html, list-table.html:
    change </form> to
    <meta itemprop="price" content="{$p.price}">
    <meta itemprop="priceCurrency" content="{$wa->shop->primaryCurrency()}">
    </form>
  • cart.js, navigation.html, navigation_pages.html: change all
  • custom.js: change
    var ul = btn.parent().is("h4") ? btn.parent().next() : btn.next();
    to
    var ul = btn.closest("h4").length ? btn.closest("h4").next() : btn.next();
1.3.6 April 2, 2015
  • Added promo-cards
  • Fix logo

Files to change:

  • custom.shop.css: add to the end of file the following code:
    .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: find code {$theme_settings.logo|escape} and add after it ?{$wa_theme_version}
  • home.html: find in original file and copy to yourself from <!-- Promo-cards --> to <!-- End of Promo-cards -->
  • sidebar.html: change all
1.3.5 March 19, 2015

Read article How to update theme template?

  • Added new red color scheme
  • Added hook frontend_nav_aux in the template sidebar.html
  • Vars {$wa_url} were chanded to {$wa_static_url}
  • Fixed filter error
  • Fixed mobile error
  • Added events to Cart for plugin Product-sets

Files to change:

Shop
  • list-thumbs.html, list-table.html, slider.html

    Before {if !$wa->isMobile()} not-mobile{/if} after {if !$wa->isMobile() && !$wa->userAgent('device')} not-mobile{/if}
  • category.html, compare.html, head.html, search.html, product.html, index.html: Vars {$wa_url} were chanded to {$wa_static_url} (Update only for SS6)
  • image-gallery.html, filter.html, cart.js, filter.js, navigation.html - change all
  • search.html: Before div class="content left250px" after div class="content left260px"
  • custom.shop.css:

    styles for new color scheme .multishop-red2
    Before #product-list ul.thumbs li { margin: 0 0 25px 30px; after #product-list ul.thumbs li { margin: 0 0 25px 25px;
    Before .news-block img, .news-block article { width: 210px; } after .news-block img, .news-block article { width: 200px; }
  • sidebar.html:

    Hook frontend_nav_aux
    Before collapsible='expanded' after collapsible=$theme_settings.catalog_cat_collapsible
  • product.html:

    chabges after string {$image_normal_size - added attribute alt
    In the bottom was {$f_value|escape} after {$f_value}
  • custom.shop.mobile.css: Added rule .news-block img, .news-block article { width: 245px; } inside the block @media only screen and (max-width: 980px) {
  • index.html: Before {if $wa->isMobile()} after {if $wa->isMobile() || $wa->userAgent('device')}
  • custom.mobile.css:

    Added rule ul.social-buttons.menu-h, ul.payment-block.menu-h, .footer-pages, .copyright { padding-left: 10px; } in the block @media only screen and (max-width: 740px) {
    Before #mobilebar .phone { float: none; } after #mobilebar .phone { float: none; height: inherit;}
  • custom.css:

    Added color scheme .multishop-red2
Photos
  • head.html: Vars {$wa_url} were chanded to {$wa_static_url} (Update only for SS6)
Blog
  • head.html, comments.html: Vars {$wa_url} were chanded to {$wa_static_url} (Update only for SS6)
  • custom.blog.css:

    Added new rule ul.menu-v.with-icons.comments a { margin-left: 0; padding-left: 0; }
    Before .comments .text { margin: 5px 0 5px 27px; } after .comments .text { margin: 5px 0 5px 27px; text-align: justify; }
1.3.4 June 7, 2014

Read article How to update theme template?

What's new?

  • Fix double escape in horizontal menu and sidebar
  • Added small user profile image at the header
  • For products which are sold in selectable features mode all feature values can be displayed inline. Read more in Documentation, paragraph 6.3
  • On product page you can find visual reviews result

Changed files:

  • custom.css: added 2 new styles: .user-account and i.userimg. Find them and copy to your custom.css file.
    For each color scheme added style table.rating-distribution td .bar .filling. Example, .multishop-pink table.rating-distribution td .bar .filling. ; .multishop-green table.rating-distribution td .bar .filling etc.. You should find and copy them too
  • index.html: lines
    <i class="icon16 th user-bw"></i> <a href="{$wa->getUrl('shop/frontend/my')}">{$wa->user('name')}</a> / should be changed on
    <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: everywhere in {$SOME_CODE.name|ESCAPE} remove "|escape", so there will be {$SOME_CODE.name}
  • Shop - Storefront - login.html: before {$wa->loginForm($error)} after {$wa->loginForm($error, empty($without_form))}
  • sidebar.html: remove all "|escape"
  • my.affiliate.html: change all file
  • list-thumbs.html and list-table.html: before {$p.summary|escape|truncate:200} after {$p.summary|truncate:200}
  • product.cart.html и product.js: change all files
  • custom.shop.css: copy and add everything from "table.rating-distribution td" to ".options .inline-select a.selected .color_name" inclusive
    from ".multishop-pink .image-thumb a.selected img" to ".multishop-blindblue .options .inline-select a.selected" inclusive
  • Shop: theme.xml. Go to Shop - Storefront - Design. Select Multishop theme, click any file, and in your address bar you will have something like this: http://mydomain/webasyst/shop/?action=storefronts#/design/theme=multishop&file=cart.html
    change cart.html on theme.xml and press Enter. System file will be opened. At the bottom you will find:

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

    before this code insert that one, so you will have:

    <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 May 26, 2014
  • Fix locale bugs
  • Fix CSS errors
  • Fix double escaping in horizontal menu of categories

Updated files:

  • custom.css: new style .content.left260px { margin-left:260px; } and .breadcrumbs { padding-left: 10px; }
    changed: #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: change all file
  • navigation.html - change all file
  • Site: theme.xml. Go to Site - Design. Select Multishop theme, click any file, and in your address bar you will have something like this: http://mydomain/webasyst/site/#/design/theme=multishop&file=custom.css
    change custom.css on theme.xml and click Enter. System file will be opened. At the bottom you will find:
    <locale> <msgid>Open panel</msgid> <msgstr locale="ru_RU">Открыть панель</msgstr> </locale>
    after that lines insert code:
    <locale> <msgid>Place order</msgid> <msgstr locale="ru_RU">Оформить заказ</msgstr> </locale> <locale> <msgid>Apply</msgid> <msgstr locale="ru_RU">Применить</msgstr> </locale>
    Press Save
  • category.html: before <div class="content left250px"> after <div class="content left260px">
  • custom.shop.css: new style .sidebar.main-page { padding: 0 10px; } , .sidebar.main-page img { max-width: 100%; } , .slider-custom.thumbs-container { margin: 0; }
    changed: .category-sidebar; #product-list; .news-block article; .product-page .images; .related h4; .slider-custom.list
  • custom.shop.mobile.css: change all file
  • home.html:
    1) before <div class="{if $news}sidebar left450px {/if}main-page" itemscope itemtype="http://schema.org/Store"> after <div class="{if $news}sidebar left500px {/if}main-page" itemscope itemtype="http://schema.org/Store">
    2) before <div class="content main-page left450px"> after : <div class="content main-page left500px">
  • sidebar.html: change all words "Развернуть" on [`Expand`], and words "Свернуть" on [`Collapse`]
1.3.2 May 21, 2014
  • New product photo onclick enlarge (popup window). See Theme settings
  • On the page "Viewed products" you can reset them
  • Fix the error of double escaping on the Compare page

Files to change:

  • index.html. Find <!-- shopping cart info -->, under that comment you will find changes.
    <li class="mobile-cart"> - span class="indicator". That row has changes
  • cart-block.html, compare.html, list-table.html, list-thumbs.html - everywhere in that files, where you will find {$wa->shop->productImgHtml
  • custom.shop.css: .product-page .images .image img, .image-thumb img, table.compare td img, also 2 new styles at the and
  • custom.shop.js: at the end
  • product.html
  • New file image-gallery.html
  • theme.xml - New settings. It's better ask me to change, if you are not going to Revert theme to original
1.3.1 May 15, 2014

Read How to update?

What's new?

  • Full English documentation
  • Now you can display news with image previews on main page of Shop. Also you can use external links to other websites for your news. Reed more Documentation, paragraph 8.1, 8.2
  • RSS link
  • Improved mobile version
  • Changed sign up and log in
  • Added Instagram icon in the footer. See Theme Settings
  • Added payment icons. Read more Documentation, paragraph 12
  • Fixed locale bugs
February 25, 2014
First version released.