MyShop v1.1.0

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

— Убрана появившаяся горизонтальная полоса прокрутки на страницах сайта
— Обновлен CSS-код интернет-магазина
— Добавлена вкладка спецификаций на странице товара

В конец основного CSS-кода (ПУ » Управление дизайном » Общие шаблоны » (Таблица стилей (CSS)) добавьте код:
```
#shop-basket {position: relative;}
```

В конец 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;}

В разделе «Управление дизайном» откройте код шаблона «Страница товара».

Найдите кусок кода, относящийся ко вкладкам:

<span>Описание</span>
<span>Отзывы</span>
<span>Изображения</span>

Сразу после него добавьте строку:

<?if($SPEC$)?><span>Спецификация</span><?endif?>

Найдите еще один кусок кода, относящийся ко вкладкам:

<li>
    <div class="shop-imgs with-clear">
	<?if($PHOTO$)?><img alt="" src="$THUMB$" class="gphoto" onclick="_bldCont1($ID$, this.getAttribute('idx'));" idx="0" title="Кликните для увеличения изображения"><?endif?>
	<?if($PHOTO_1$)?><img alt="" src="$THUMB_1$" class="gphoto" onclick="_bldCont1($ID$, this.getAttribute('idx'));" idx="1" title="Кликните для увеличения изображения"><?endif?>
	<?if($PHOTO_2$)?><img alt="" src="$THUMB_2$" class="gphoto" onclick="_bldCont1($ID$, this.getAttribute('idx'));" idx="2" title="Кликните для увеличения изображения"><?endif?>
	<?if($PHOTO_3$)?><img alt="" src="$THUMB_3$" class="gphoto" onclick="_bldCont1($ID$, this.getAttribute('idx'));" idx="3" title="Кликните для увеличения изображения"><?endif?>
	<?if($PHOTO_4$)?><img alt="" src="$THUMB_4$" class="gphoto" onclick="_bldCont1($ID$, this.getAttribute('idx'));" idx="4" title="Кликните для увеличения изображения"><?endif?>
	<?if($PHOTO_5$)?><img alt="" src="$THUMB_5$" class="gphoto" onclick="_bldCont1($ID$, this.getAttribute('idx'));" idx="5" title="Кликните для увеличения изображения"><?endif?>
	<?if($PHOTO_6$)?><img alt="" src="$THUMB_6$" class="gphoto" onclick="_bldCont1($ID$, this.getAttribute('idx'));" idx="6" title="Кликните для увеличения изображения"><?endif?>
	<?if($PHOTO_7$)?><img alt="" src="$THUMB_7$" class="gphoto" onclick="_bldCont1($ID$, this.getAttribute('idx'));" idx="7" title="Кликните для увеличения изображения"><?endif?>
	<?if($PHOTO_8$)?><img alt="" src="$THUMB_8$" class="gphoto" onclick="_bldCont1($ID$, this.getAttribute('idx'));" idx="8" title="Кликните для увеличения изображения"><?endif?>
	<?if($PHOTO_9$)?><img alt="" src="$THUMB_9$" class="gphoto" onclick="_bldCont1($ID$, this.getAttribute('idx'));" idx="9" title="Кликните для увеличения изображения"><?endif?>
    </div>
</li>

Сразй после него вставьте строку:

<?if($SPEC$)?><li>$SPEC$</li><?endif?>

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