Обновление шаблона YourStore до версии 1.1.0

— Убрана появившаяся горизонтальная полоса прокрутки на страницах сайта
— Обновлен CSS-код интернет-магазина
— Добавлена вкладка спецификаций на странице товара
  1. В конец основного CSS-кода (ПУ » Управление дизайном » Общие шаблоны » (Таблица стилей (CSS)) добавьте код:
    #shop-basket {position: relative;}
  2. В конец CSS-кода для интернет-магазина (ПУ » Управление дизайном » Интернет-магазин » (Таблица стилей (CSS)) добавьте код:
    /* обновление до версии 1.1.0 */
    
    .fa-lg { font-size: 1.33333em; line-height: .75em; vertical-align: -15% }
    .fa-1-5x { font-size: 1.5em }
    .fa-2x { font-size: 2em }
    .fa-3x { font-size: 3em }
    .fa-4x { font-size: 4em }
    .fa-5x { font-size: 5em }
    .fa-fw { text-align: center; width: 1.28571em }
    .fa-ul { list-style-type: none; margin-left: 2.14286em; padding-left: 0 }
    .fa-ul > li { position: relative }
    .fa-li { left: -2.14286em; position: absolute; text-align: center; top: .142857em; width: 2.14286em }
    .fa-li.fa-lg { left: -1.85714em }
    .fa-border { border: .08em solid #eee; border-radius: .1em; padding: .2em .25em .15em }
    .fa-pull-left { float: left }
    .fa-pull-right { float: right }
    .fa.fa-pull-left { margin-right: .3em }
    .fa.fa-pull-right { margin-left: .3em }
    .pull-right { float: right }
    .pull-left { float: left }
    .fa.pull-left { margin-right: .3em }
    .fa.pull-right { margin-left: .3em }
    .fa-spin { animation: 2s linear 0 normal none infinite running fa-spin }
    .fa-pulse { animation: 1s steps(8) 0 normal none infinite running fa-spin }
    @keyframes fa-spin {
    	0% { transform: rotate(0deg) }
    	100% { transform: rotate(359deg) }
    }
    .fa-rotate-90 { transform: rotate(90deg) }
    .fa-rotate-180 { transform: rotate(180deg) }
    .fa-rotate-270 { transform: rotate(270deg) }
    .fa-flip-horizontal { transform: scale(-1, 1) }
    .fa-flip-vertical { transform: scale(1, -1) }
    :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none }
    .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2em }
    .fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100% }
    .fa-stack-1x { line-height: inherit }
    .fa-stack-2x { font-size: 2em }
    .fa-inverse { color: #fff }
     .spec-value > .fa { position: absolute; right: 0; top: 0 }
    .spec-value > .fa.fa-wrench { top: 30px }
    .warning-msg, .ok-msg { border: 2px dashed; border-radius: 10px; padding: 15px; margin-bottom: 20px }
    .warning-msg { border-color: #faebcc; background-color: #fcf8e3; color: #8a6d3b }
    .ok-msg { border-color: #d6e9c6; background-color: #dff0d8; color: #3c763d }
    .fHelp { color: #96999e; font-size: .9em }
    .shop-spec-filter-wrapper { margin: 3px; width: 100% }
    .spec-filter { display: block; margin-bottom: 3px; padding: 3px 10px 3px 0; border-right: #ddd 1px solid; border-bottom: #ddd 1px solid }
    .spec-val-ico { display: none }
    .spec-val-text, .spec-value-more { cursor: pointer }
    .spec-value-more a { padding-left: 20px }
    .spec-value-more a.more { background: transparent url(/.s/img/sh/ad.png) no-repeat center left }
    .spec-value-more a.hide { background: transparent url(/.s/img/sh/au.png) no-repeat center left; display: none }
    .spec-value { position: relative; }
    .spec-value > select { width: 100% }
    .collapsed .spec-filter-title { background-image: url(/.s/img/sh/ad.png) }
    .collapsed .spec-subfilter-title { background-image: url(/.s/img/sh/al.png) }
    .spec-filter-title, .spec-subfilter-title { position: relative; padding-top: 4px; padding-bottom: 4px; cursor: pointer }
    .spec-filter-title { padding-right: 20px; background: transparent url(/.s/img/sh/au.png) no-repeat center right }
    .spec-subfilter-title { padding-left: 20px; background: transparent url(/.s/img/sh/au.png) no-repeat center left }
    .spec-filter-title .sv-edit, .spec-subfilter-title .sv-edit, .spec-value .sv-edit { position: absolute; right: 10px; top: 0; display: none; transition: opacity 0 linear }
    .spec-filter-title:hover .sv-edit, .spec-subfilter-title:hover .sv-edit, .spec-value:hover .sv-edit { display: block }
    .sv-edit .u-mpanel-l { border-radius: 13px !important; padding-right: 0 !important }
    .spec-values { padding-left: 20px }
    .spec-filter-title span { font-weight: 700; margin-bottom: 5px }
    .spec-subfilter-title span { cursor: pointer }
    .spec-subfilter-list { padding-left: 5px }
    .spec-subfilter { padding-bottom: 5px }
    .collapsed .spec-subfilter-list, .collapsed .spec-values { display: none }
    .important-values .collapsed, .view-as-user .hidden { display: none }
    .spec-value select { width: auto }
    .compare-widget-wrapper { border: 2px solid rgba(19, 107, 179, 1); border-radius: 16px; display: inline-block; height: 32px }
    .compare-widget { display: block; width: 32px; height: 32px; cursor: pointer; background-position: center center; background-repeat: no-repeat; float: left }
    .compare-widget-add { background-image: url(/.s/img/sh/ca.png) }
    .compare-widget-remove { background-image: url(/.s/img/sh/cd.png); margin: 0 10px !important }
    .compare-widget-wait { background-image: url(/.s/img/wd/1/ajax.gif) !important }
    .compare-widget-add + a { display: none }
    .compare-widget-remove + a { display: block; margin: 4px 20px 4px 55px }
    @-webkit-keyframes fstAnimationEnter {
    	from { opacity: 0; -webkit-transform: translate3d(0, -1em, 0) }
    	to { opacity: 1; -webkit-transform: translate3d(0, 0, 0) }
    }
    @-moz-keyframes fstAnimationEnter {
    	from { opacity: 0; -moz-transform: translate3d(0, -1em, 0) }
    	to { opacity: 1; -moz-transform: translate3d(0, 0, 0) }
    }
    @keyframes fstAnimationEnter {
    	from { opacity: 0; -webkit-transform: translate3d(0, -1em, 0); -moz-transform: translate3d(0, -1em, 0); -ms-transform: translate3d(0, -1em, 0); -o-transform: translate3d(0, -1em, 0); transform: translate3d(0, -1em, 0) }
    	to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
    }
    .fstElement { display: inline-block; position: relative; border: 1px solid #D7D7D7; box-sizing: border-box; color: #232323; font-size: .9em; margin-right: 30px; background-color: #fff }
    .fstElement > select, .fstElement > input { position: absolute; left: -999em }
    .fstToggleBtn { font-size: 1.4em; display: block; position: relative; box-sizing: border-box; padding: .71429em 1.42857em .71429em .71429em; min-width: 14.28571em; cursor: pointer }
    .fstToggleBtn:after { position: absolute; content: ""; right: .71429em; top: 50%; margin-top: -.17857em; border: .35714em solid transparent; border-top-color: #cacaca }
    .fstQueryInput { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; outline: none; box-sizing: border-box; background: transparent; border: 0 }
    .fstResults { position: absolute; left: -1px; top: 100%; right: -1px; max-height: 30em; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; border: 1px solid #D7D7D7; border-top: 0; background-color: #fff; display: none }
    .fstResultItem { font-size: 1.4em; display: block; padding: .5em .71429em; margin: 0; cursor: pointer; border-top: 1px solid #fff }
    .fstResultItem.fstUserOption { color: #707070 }
    .fstResultItem.fstFocused { color: #fff; background-color: #43A2F3; border-color: #73baf6 }
    .fstResultItem.fstSelected { color: #fff; background-color: #2694F1; border-color: #73baf6 }
    .fstGroupTitle { font-size: 1.4em; display: block; padding: .5em .71429em; margin: 0; font-weight: 700 }
    .fstGroup { padding-top: 1em }
    .fstGroup:first-child { padding-top: 0 }
    .fstNoResults { font-size: 1.4em; display: block; padding: .71429em; margin: 0; color: #999 }
    
    /*--- Single Mode ---*/
    .fstSingleMode .fstControls { position: absolute; left: -1px; right: -1px; top: 100%; padding: .5em; border: 1px solid #D7D7D7; background-color: #fff; display: none }
    .fstSingleMode .fstQueryInput { font-size: 1.4em; display: block; width: 100%; padding: .5em .35714em; color: #999; border: 1px solid #D7D7D7 }
    .fstSingleMode.fstActive { z-index: 100 }
    .fstSingleMode.fstActive.fstElement, .fstSingleMode.fstActive .fstControls, .fstSingleMode.fstActive .fstResults { box-shadow: 0 .2em .2em rgba(0, 0, 0, 0.1) }
    .fstSingleMode.fstActive .fstControls { display: block }
    .fstSingleMode.fstActive .fstResults { display: block; z-index: 10; margin-top: -1px }
    
    /*--- Multiple mode ---*/
    .fstChoiceItem { display: inline-block; font-size: 1.2em; position: relative; margin: 0 .41667em .41667em 0; padding: .33333em .33333em .33333em 1.5em; float: left; border-radius: .25em; border: 1px solid #43A2F3; cursor: auto; color: #fff; background-color: #43a2f3; -webkit-animation: fstAnimationEnter .2s; -moz-animation: fstAnimationEnter .2s; animation: fstAnimationEnter .2s }
    .fstChoiceItem.mod1 { background-color: #f9f9f9; border: 1px solid #d7d7d7; color: #232323 }
    .fstChoiceItem.mod1 > .fstChoiceRemove { color: #a4a4a4 }
    .fstChoiceItem .fstChoiceRemove { margin: 0 !important; background: transparent !important; padding: 0 !important; top: 6px !important; left: 5px !important; box-shadow: none !important; font-size: 16px !important; height: auto !important; line-height: 1em !important }
    .fstChoiceRemove { box-shadow: none; height: 25px; margin: 0; padding: 0; border: 0; cursor: pointer; background: none; font-size: 1.16667em; position: absolute; left: 0; top: 50%; width: 1.28571em; line-height: 1.28571em; margin-top: -.64286em; text-align: center; color: #fff }
    .fstChoiceRemove::-moz-focus-inner { padding: 0; border: 0 }
    .fstMultipleMode .fstControls { box-sizing: border-box; padding: .5em .5em 0; overflow: hidden; width: 20em; cursor: text }
    .fstMultipleMode .fstQueryInput { font-size: 1.4em; float: left; padding: .28571em 0; margin: 0 0 .35714em; width: 2em; color: #999 }
    .fstMultipleMode .fstQueryInputExpanded { float: none; width: 100%; padding: .28571em .35714em }
    .fstMultipleMode .fstFakeInput { font-size: 1.4em }
    .fstMultipleMode.fstActive, .fstMultipleMode.fstActive .fstResults { box-shadow: 0 .2em .2em rgba(0, 0, 0, 0.1) }
    .fstMultipleMode.fstActive .fstResults { display: block; z-index: 10; border-top: 1px solid #d7d7d7 }
    
    .nowrap{ white-space: nowrap }
    #shop-categories label {white-space: nowrap;}
  3. В разделе «Управление дизайном» откройте код шаблона «Страница товара».

На этом обновление шаблона до версии 1.1.0 завершено. Пожалуйста, почистите кэш своего браузера.