Revision`s Differences
Transkrypt
Revision`s Differences
Dokumentacja zmian plików graficznych: rwd shoper Wersja zmian: 5.8.1 - 5.8.2 Pliki .tpl boxes/Banner/box.tpl 20 21 22 - 23 + 23 24 25 26 </object> <![endif]--> {else} <a {if 1 == (int) $banner->banner->blank}target="_blank"{/if} href="{route key='banner' bannerId=$banner->getIdenti fier()}" title="{$banner->banner->name|escape}" class="banner"> <a {if 1 == (int) $banner->banner->blank}target="_blank" rel="noopener"{/if} href="{route key='banner' bannerId=$ba nner->getIdentifier()}" title="{$banner->banner->name|escape}" class="banner"> <img src="{baseDir}/{$banner->getUrl()}" alt="{$banner->banner->name|escape}" width="{$banner->banner->width|es cape}" height="{$banner->banner->height|escape}" /> </a> {/if} boxes/Filter/box.tpl 1 -2 +2 3 4 5 {if count($filter_groups)} <div class="box {if 1 == $filter_counter}foldable{/if}" id="box_filter"> <div class="box {if 1 == $filter_counter}foldable{/if}" id="box_filter" {if $boxNs->$box_id->select_display} data-select-display="1 "{/if} data-limit="{$boxNs->$box_id->list_limit}"> <div class="boxhead"> <span> <img src="{baseDir}/public/images/1px.gif" alt="" class="px1">{$boxNs->$box_id->title|escape} 8 9 10 - 11 + 11 12 13 14 15 <div class="innerbox f-row"> {if $boxNs->$box_id->text} <h5 class="boxintro">{$boxNs->$box_id->text}</h5> <p class="boxintro">{$boxNs->$box_id->text}</p> {/if} {foreach from=$filter_groups item=group name=list} {if count($group.items) || ($boxNs->$box_id->price_input && 'Search_Filter_Products_Provider_Price' == $group.provider) } - 16 - 17 - 18 - 19 <div class="group f-grid-6" id="filter_{$group.id}"> <h5 class="{if $group.headselected}selected{/if}"> {if $group.headlink}<a href="{$group.headlink|escape}" title="">{/if} {$group.name|escape} Copyright © 2016 Shoper. All rights reserved. Strona 1/23 - 20 + 16 + 17 + 18 19 - 20 + 18 + 19 20 21 - 22 - 23 + 21 + 22 23 24 25 26 27 - 28 + 27 28 29 30 31 + 32 33 34 35 41 42 43 + 44 45 46 47 48 49 + 50 51 52 53 {if $group.headlink}</a>{/if} <div data-limit="{if $group.provider == 'Search_Filter_Products_Provider_Category'}{$boxNs->$box_id->category_limit }{/if}{if $group.provider == 'Search_Filter_Products_Provider_Option'}{$boxNs->$box_id->options_limit}{/if}{if $group.provider == 'Searc h_Filter_Products_Provider_Producer'}{$boxNs->$box_id->producer_limit}{/if}{if $group.provider == 'Search_Filter_Products_Provider_Avail ability'}{$boxNs->$box_id->availability_limit}{/if}{if $group.provider == 'Search_Filter_Products_Provider_Delivery'}{$boxNs->$box_id->d elivery_limit}{/if}{if $group.provider == 'Search_Filter_Products_Provider_Attribute'}{$boxNs->$box_id->attributes_limit}{/if}" class="g roup group-filter" id="filter{if $group.id}_{$group.id}{/if}"> <h5> {$group.name|escape} </h5> <ul class="{if !$group.full}foldable{/if}"> <ul> {foreach from=$group.items item=item} {if $item.active or (isset($item.counter) and $item.counter) or !isset($item.counter)} <li class="{if $item.active}selected fa fa-times{/if}{if $item.indent} indent{/if}"> <a title="{$item.name}" href="{if $item.active}{$item.link_remove}{else}{if $filter_type == 1 | | !$item.link_add}{$item.link_solo}{else}{$item.link_add}{/if}{/if}"> <li class="{if $item.active}selected fa fa-times{/if} {if $item.color}color-filter{/if}"> <a title="{$item.name}" href="{if $item.active}{$item.link_remove}{else}{if $filter_type == 1 | | !$item.link_add}{$item.link_solo}{else}{$item.link_add}{/if}{/if}"{if $item.color} class="color-filter"{/if}> <img src="{baseDir}/public/images/1px.gif" alt="" class="px1" > {if $item.html} {$item.html} {else} {if $item.color} <span>{$item.color|escape}</span> <span data-color="{$item.color}" style="background-color: {$item.color}"></span> {else} <span>{$item.name|escape}</span> {/if} {/if} {if isset($item.counter)} <em>({$item.counter})</em> {/if} </li> {/if} {/foreach} {if $boxNs->$box_id->price_input && 'Search_Filter_Products_Provider_Price' == $group.provider} <li class="priceinput"> <span class="fromto"> {translate key='from'} </span> <input type="text" id="filterprice1" value="" class="short"><br> <span class="fromto"> Copyright © 2016 Shoper. All rights reserved. Strona 2/23 54 55 + 56 57 58 59 73 74 75 - 76 + 76 {translate key='to'} </span> <input type="text" id="filterprice2" value="" class="short"> <div class="bottombuttons"> <script type="text/javascript"> try {literal}{{/literal} Shop.values.PriceFilterFrom = '{$boxNs->$box_id->pricefilter_from}'; Shop.values.PriceFilterFromTo = ' {$boxNs->$box_id->pricefilter_fromto}'; Shop.values.PriceFilterTo = '{$boxNs->$box_id->pricefilter_to}'; {literal}}{/literal} catch(e) { literal}{ }{/literal} </script> {/if} {/if} boxes/News/box.tpl 27 28 {/if} {if $box_article->article->content|strlen > 0 && $box_article->article->short_content != $box_article->article->con tent} 29 - 30 + 30 31 32 33 <div class="row"> <a class="readmore" href="{route function='news' key=$box_article->getIdentifier() newsId=$box_article->get Identifier()}">{translate key="read more"} »</a> <a class="readmore" href="{route function='news' key=$box_article->getIdentifier() newsId=$box_article->get Identifier() newsName=$box_article->article->name newsYear="Y"|date:$box_article->articleTimestamp newsMonth="m"|date:$box_article->arti cleTimestamp newsDay="d"|date:$box_article->articleTimestamp}">{translate key="read more"} »</a> </div> {/if} </article> boxes/NewsCalendar/box.tpl 26 27 28 - 29 + 29 30 31 32 <td colspan="{$dayOfWeek}"></td> {/if} {section name=list start=1 loop=$boxNs->$box_id->numberDays} {section name=list start=1 loop=$boxNs->$box_id->numberDays+1} {if $dayOfWeek == 7} {assign var="dayOfWeek" value="0"} </tr><tr> boxes/Paczkomaty/box.tpl 4 5 6 -7 </div> <div class="innerbox"> <div style="text-align: center;"> <a href="http://paczkomaty.pl/" target="_blank" title="Paczkomaty InPost"><img height="125" alt="Paczko maty InPost" width="125" src="{baseDir}/public/images/box_paczkomaty.jpg"></a> Copyright © 2016 Shoper. All rights reserved. Strona 3/23 +7 8 9 10 <a href="http://paczkomaty.pl/" target="_blank" rel="noopener" title="Paczkomaty InPost"><img height="1 25" alt="Paczkomaty InPost" width="125" src="{baseDir}/public/images/box_paczkomaty.jpg"></a> </div> </div> </div> boxes/Producers/box.tpl 10 11 12 - 13 - 14 - 15 <select class="singleselect gotourl" id="box_producers_select"> {/dynamic} <option label="{translate key="choose"}" value="">{translate key="choose"}</option> {foreach from=$boxNs->$box_id->list item=producer} {assign var='id' value=$producer->manufacturer->producer_id} <option value="{$boxNs->$box_id->prod_links->$id}">{$producer->manufacturer->name|escape}</opti on> + 13 + 14 15 16 17 {foreach from=$boxNs->$box_id->list item=producer_name key=producer_id} <option value="{$boxNs->$box_id->prod_links->$producer_id}">{$producer_name|escape}</option> {/foreach} </select> </div> boxes/ProductFilter/box.tpl 27 28 29 - 30 - 31 <label for="selectproducer" class="producer">{translate key='Vendor'}:</label> <select name="producer" id="selectproducer"> <option></option> {foreach from=$boxNs->$box_id->producers item=producer} <option {if $producer->manufacturer->producer_id == $productfilter_producer}selected="selec ted" {/if - 32 }value="{$producer->manufacturer->producer_id|escape}">{$producer->manufacturer->name|e scape}</option> + 30 + 31 32 33 34 {foreach from=$boxNs->$box_id->producers item=producer_name key=producer_id} <option {if $producer_id == $productfilter_producer}selected="selected" {/if}value="{$p roducer_id|escape}">{$producer_name|escape}</option> {/foreach} </select> </div> scripts/basket/index.tpl 150 151 152 - 153 + 153 {if $showpromocodes} <div class="promocode"> <span class="checkbox-wrap"> <input id="promocodeshow" type="checkbox" /> <input id="promocodeshow" type="checkbox"{if $promocode->promocode->code} c hecked{/if}> 154 155 156 <label for="promocodeshow"></label> </span> <span class="desc"> Copyright © 2016 Shoper. All rights reserved. Strona 4/23 157 <label for="promocodeshow">{translate key="I have a discount coupon code"}< /label> 158 159 - 160 - 161 - 162 </span> <span class="input"> {if true == $promocode_error || ! $promocode} <div class="shaded_inputwrap{if true == $promocode_error} error{/if}"> <input type="text" value="{$promocode|escape}" name="promocode" cla ss=""> - 163 - 164 - 165 - 166 + 160 + 161 </div> {else} {$promocode->promocode->code|escape} {/if} <div class="shaded_inputwrap{if true == $promocode_error} error{/if}"> <input type="text" value="{$promocode->promocode->code|escape}" name="p romocode"> + 162 163 164 - 165 - 166 - 167 - 168 - 169 - 170 - 171 - 172 - 173 + 163 + 164 + 165 + 166 + 167 168 169 170 </div> </span> <span class="action"> {if true == $promocode_error || ! $promocode} <button type="submit" class="btn"> <img src="{baseDir}/public/images/1px.gif" alt="" class="px1"> <span>{translate key="Use"}</span> <i class="icon-ok"></i> </button> {else} <img src="{baseDir}/public/images/1px.gif" alt="" class="px1 tick"> {/if} <button type="submit" class="btn"> <img src="{baseDir}/public/images/1px.gif" alt="" class="px1"> <span>{translate key="Use"}</span> <i class="icon-ok"></i> </button> </span> </div> {/if} scripts/basket/step2.tpl 93 94 95 + 96 + 97 + 98 + 99 + 100 + 101 + 102 + 103 + 104 <label for="input_pass">{translate key='Password'}:</label> <div class="shaded_inputwrap inline"> <input type="password" class="" name="pass" value="{$data.pass}" id="input_pass"> <p> </p> </div> </div> <div class="form-line"> <label for="input_pass"></label> Copyright © 2016 Shoper. All rights reserved. Strona 5/23 + 105 + 106 <div class="shaded_inputwrap inline"> {translate key='Forgot your password? %sClick here%s.' p1="<a href=\"$passlink\">" p2='</a>'} 107 108 109 </div> </div> scripts/body_head.tpl 194 195 196 - 197 + 197 198 199 200 </object> <![endif]--> {else} <a {if 1 == (int) $banner->banner->blank}target="_blank"{/if} href="{route key='banner' bannerId=$banner->g etIdentifier()}" title="{$banner->banner->name|escape}" class="banner"> <a {if 1 == (int) $banner->banner->blank}target="_blank" rel="noopener"{/if} href="{route key='banner' bann erId=$banner->getIdentifier()}" title="{$banner->banner->name|escape}" class="banner"> <img src="{baseDir}/{$banner->getUrl()}" alt="{$banner->banner->name|escape}" width="{$banner->banner-> width|escape}" height="{$banner->banner->height|escape}" /> </a> {/if} scripts/footer.tpl 8 9 10 - 11 + 11 12 13 14 {foreach from=$group->links item=link name=links} {if $link->getHref()} <li> <a href="{$link->getHref()|escape}" {if $link->isPopup()}target="_blank"{/if} title="{$link->ge tTitle()|escape}" id="footlink{$link->getIdentifier()}"> <a href="{$link->getHref()|escape}" {if $link->isPopup()}target="_blank" rel="noopener"{/if} ti tle="{$link->getTitle()|escape}" id="footlink{$link->getIdentifier()}"> <img alt="" src="{baseDir}/public/images/1px.gif"> {$link->getTitle()|escape} </a> scripts/header.tpl 21 22 23 + 24 + 25 26 - 27 + 25 26 27 28 {plugin module=shop template=pre-head} <link id="csslink" rel="stylesheet" type="text/css" href="{sfc type='css' id=$skin_id user=$user_css gallery=0 lang=$lang_full}" /> <script type="text/javascript" src="{baseDir}/public/scripts/fastdom.min.js"></script> <script type="text/javascript" src="{sfc type='js' id=$skin_id user=$user_js gallery=0 lang=$lang_full moo=0 jq=1 mainname='main-jq '}"></script> {if count($seo_links)} {foreach from=$seo_links item=v key=k} <link rel="{$k|escape}" href="{$v|escape}" /> Copyright © 2016 Shoper. All rights reserved. Strona 6/23 scripts/headerlinks.tpl 15 16 17 - 18 + 18 19 20 21 {if $link->getHref() || $link->isActiveCategory() || $link->isActiveNewsCategory()} <li{if $link->hasSubCategories() || $link->hasNewsSubCategories()} class="parent"{/if}{if $link->isCategory ()} id="hcategory_{$link->getCategoryId()|escape}"{elseif $link->isNewsCategory()} id="ncategory_{$link->getNewsCategoryId()|escape}"{/i f}> <h3> <a {if $link->isPopup()}target="_blank"{/if} href="{$link->getHref($view)|escape}" title="{$link->g etTitle()|escape}" id="headlink{$link->getIdentifier()}" class="spanhover mainlevel"> <a {if $link->isPopup()}target="_blank" rel="noopener"{/if} href="{$link->getHref($view)|escape}" t itle="{$link->getTitle()|escape}" id="headlink{$link->getIdentifier()}" class="spanhover mainlevel"> <span>{$link->getTitle()|escape}</span> <img src="{baseDir}/public/images/1px.gif" alt="" class="px1"> </a> scripts/news/files.tpl 10 11 12 - 13 <ul class="innerbox tab-content tab-files"> {foreach from=$article->files item=file name=list} <li class="articlefile" id="file{$file->file_id}"> <a href="{route key='newsDownload' fileId=$file->file_id fileName=$file->name}" target="_blank">{$file->name|escape }</a> + 13 <a href="{route key='newsDownload' fileId=$file->file_id fileName=$file->name}" target="_blank" rel="noopener">{$fi le->name|escape}</a> 14 15 16 <p>{$file->description|escape}</p> </li> {/foreach} scripts/panel/index.tpl 71 72 73 - 74 + 74 {if count($order->parcels) > 0} {foreach from=$order->parcels item=parcel} {if strlen($parcel->getTraceLink())} <a href="{$parcel->getTraceLink()|escape}" target="_blank" class="trace"> <a href="{$parcel->getTraceLink()|escape}" target="_blank" rel="noopener" c lass="trace"> 75 76 77 {$parcel->parcel->shipping_code|escape} </a> <span class="smalldate">({translate key='sent'}: {date value=$parcel->parce l->send_date})</span> scripts/panel/order.tpl 77 78 79 - 80 <span class="parcel"> {foreach from=$order->parcels item=parcel} {if strlen($parcel->getTraceLink())} <a href="{$parcel->getTraceLink()|escape}" target="_blank" class="trace">{$ Copyright © 2016 Shoper. All rights reserved. Strona 7/23 parcel->parcel->shipping_code|escape}</a> + 80 <a href="{$parcel->getTraceLink()|escape}" target="_blank" rel="noopener" c lass="trace">{$parcel->parcel->shipping_code|escape}</a> 81 <span class="date">({translate key='sent'}: {date value=$parcel->parcel->se nd_date})</span><br /> 82 83 {/if} {/foreach} scripts/product/index.tpl 139 140 141 - 142 151 <span class="price-name">{translate key="Price"}:</span> {/if} {if $product->specialOffer} <em class="main-price" {if $price_mode == '1'}class="no-color"{/if} >{currency value=$product->defaultStock->getSpecialOfferPrice(true) ceil=2}</em> <em class="main-price" {if $price_mode == '1'}class="no-color"{/if} >{currency value=$product->defaultStock->getSpecialOfferPrice(true)}</em> <del>{currency value=$product->defaultStock->getPrice(true)}</del> {if $product->currency and $currency->getIdentifier() != $product-> currency->getIdentifier()} <em class="default-currency">({currency id=$product->product-> currency_id rate=1 value=$product->defaultStock->getCurrencySpecialOfferPrice(true)})</em> {/if} {else} <em class="main-price" {if $price_mode == '1'}class="no-color"{/if} >{currency value=$product->defaultStock->getPrice(true) ceil=2}</em> <em class="main-price" {if $price_mode == '1'}class="no-color"{/if} >{currency value=$product->defaultStock->getPrice(true)}</em> {if $product->currency and $currency->getIdentifier() != $product-> currency->getIdentifier()} <em class="default-currency">({currency id=$product->product->c urrency_id rate=1 value=$product->defaultStock->getCurrencyPrice(true)})</em> {/if} 195 196 197 {if floatval($product->product->other_price)} <div class="otherprice"> <span class="otherprice-name">{translate key="Price in other stores"}:</spa + 142 143 144 145 146 147 - 148 + 148 149 150 n> - 198 + 198 199 200 201 <em>{currency value=$product->product->other_price ceil=2}</em> <em>{currency value=$product->product->other_price}</em> </div> {/if} 350 <meta itemprop="ratingValue" content="{$product->vote->rate }" /> 351 352 + 353 <meta itemprop="bestRating" content="5" /> <meta itemprop="worstRating" content="0" /> <meta itemprop="reviewCount" content="{$product_comments|@c Copyright © 2016 Shoper. All rights reserved. Strona 8/23 ount}" /> 354 355 356 357 - 358 </span> <span class="none"> {$product->vote->rate} </span> <span class="votecount">({translate key="Number of ratings"}: < b itemprop="reviewCount">{$product_comments|@count}</b>)</span> 359 360 361 362 363 364 - 365 + 365 366 367 368 456 457 458 - 459 - 460 - 461 - 462 - 463 - 464 - 465 - 466 + 459 + 460 + 461 + 462 + 463 + 464 + 465 + 466 + 467 + 468 + 469 + 470 + 471 + 472 </div> {/if} {if 1 == $skin_settings->productdetails->producer} <em>{translate key="Vendor"}: </em> {if $product->product->producer_id} {if $product->producer->manufacturer->web} <a target="_blank" class="brand" href="{$product->producer>manufacturer->web}" title="{$product->producer->manufacturer->name|escape}"> <a target="_blank" rel="noopener" class="brand" href="{$pro duct->producer->manufacturer->web}" title="{$product->producer->manufacturer->name|escape}"> {else} <a class="brand" href="{route function='producer' key=$prod uct->producer->getIdentifier() producerName=$product->producer->manufacturer->name producerId=$product->producer->getIdentifier() page=1 sort=1 view=$view}" title="{$product->produc er->manufacturer->name|escape}"> </div> </div> </div> <div class="product-modules {if $skin_settings->productdetails->tabs}active{/if}"> {include file="product/description.tpl"} {include file="product/attributes.tpl"} {include file="product/gallery-tab.tpl"} {include file="product/related.tpl"} {include file="product/comments.tpl"} </div><!-- end of product-modules--> {if (false !== $product_comments && 1 == $skin_settings->productdetails->comments) || (count($related_products) && 1 == $skin_settings->productdetails->related) || (count($gallery) > 1 && 1 == (int) $skin_settings->productdetails->miniaturesposition) || strlen(trim($product->translation->description)) || count($product->files) || count($attrs) } <div class="product-modules{if $skin_settings->productdetails->tabs} active none{/if}"> {include file="product/description.tpl"} {include file="product/attributes.tpl"} {include file="product/gallery-tab.tpl"} {include file="product/related.tpl"} {include file="product/comments.tpl"} </div> Copyright © 2016 Shoper. All rights reserved. Strona 9/23 + 473 474 475 476 {/if} {if 1 == $skin_settings->productdetails->fb_chat} <div class="box row" id="box_facebookchat"></div> scripts/product/searchbox.tpl 52 53 54 - 55 - 56 - 57 <div class="f-grid-8"> <select name="producer" id="search3"> <option></option> {foreach from=$producers item=producer} <option {if $producer->manufacturer->producer_id == $data.producer}selected="selected" {/if }value="{$producer->manufacturer->producer_id|escape}">{$producer->manufacturer->name|escap e}</option> + 55 + 56 {foreach from=$producers item=producer_name key=producer_id} <option {if $producer_id == $data.producer}selected="selected" {/if}value="{$producer_id|es cape}">{$producer_name|escape}</option> 57 58 59 {/foreach} </select> </div> scripts/product/tableofproducts.tpl 247 248 249 - 250 + 250 251 252 253 <div class="f-row manufacturer"> <em>{translate key="Vendor"}:</em> {if $product->producer->manufacturer->web} <a class="brand" target="_blank" href="{$product->producer->manufacturer->web}" title="{$product->p roducer->manufacturer->name|escape}"> <a class="brand" target="_blank" rel="noopener" href="{$product->producer->manufacturer->web}" titl e="{$product->producer->manufacturer->name|escape}"> {else} <a class="brand" href="{route function='producer' key=$product->producer->getIdentifier() producerN ame=$product->producer->manufacturer->name producerId=$product->producer->getIdentifier() page=1 sort=1 view=$view}" title="{$product->producer->manufacturer->name|escape}"> Pliki .css Pliki .less styles/_mixins.less 21 22 23 - 24 border-top-left-radius: @topleft; } .box-sizing() { Copyright © 2016 Shoper. All rights reserved. Strona 10/23 - 25 - 26 - 27 + 24 + 25 + 26 + 27 28 29 30 182 183 184 + 185 + 186 + 187 + 188 + 189 + 190 + 191 + 192 + 193 + 194 + 195 + 196 197 -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; .box-sizing (@value: border-box) { -webkit-box-sizing: @value; -moz-box-sizing: @value; box-sizing: @value; } .rotate(@deg: 5deg){ -webkit-justify-content: @justify2; -ms-flex-pack: @justify; justify-content: @justify2; } .flex-item(@value) { -webkit-flex: @value; -ms-flex: @value; flex: @value; } .flex-wrap(@wrap: wrap) { -webkit-flex-wrap: @wrap; -ms-flex-wrap: @wrap; flex-wrap: @wrap; } styles/_modules.less 341 342 343 - 344 + 344 345 - 346 - 347 - 348 - 349 - 350 - 351 - 352 - 353 - 354 - 355 - 356 - 357 - 358 } } .leftcol, .rightcol { .s-grid-12, .top, .bottom-footer { #box_filter { .f-grid-6 { width: 100%; margin-left: 0; } ul { li { position: relative; &.showmore { margin-top: 0.5em; border-top: 1px dashed @borderColor; text-align: left; Copyright © 2016 Shoper. All rights reserved. Strona 11/23 - 359 - 360 + 346 + 347 + 348 349 + 350 + 351 352 + 353 + 354 + 355 + 356 357 - 358 - 359 - 360 - 361 - 362 + 350 + 351 + 352 + 353 + 354 355 - 356 - 357 - 358 - 359 - 360 + 352 + 353 354 + 355 + 356 + 357 + 358 359 - 360 - 361 - 362 - 363 - 364 + 355 + 356 + 357 + 358 + 359 360 361 cursor: pointer; color: @maincolor; .innerbox { .group-filter, .multiselect { .flex-item(0 1 24.25%); &:not(:nth-child(4n)) { margin-right: 1%; } } } } } &.fa-times { a { display: block; position: relative; } .s-grid-9, .s-grid-6 { #box_filter { .innerbox { .group-filter, .multiselect { .flex-item(0 1 49.5%); &::before { position: absolute; right: 0.5em; top: 0.4em; } &:nth-child(odd) { margin-right: 1%; } } } } } &.priceinput { input { margin-bottom: 0.5em; } } .s-grid-3 { #box_filter { .innerbox { .group-filter, .multiselect { .flex-item(0 1 100%); } } Copyright © 2016 Shoper. All rights reserved. Strona 12/23 362 363 364 - 365 + 361 + 362 + 363 + 364 + 365 366 367 368 393 394 395 + 396 397 398 399 400 401 402 + 403 + 404 + 405 + 406 + 407 + 408 409 + 410 411 412 413 + 414 + 415 + 416 + 417 + 418 + 419 + 420 + 421 + 422 + 423 + 424 + 425 + 426 + 427 + 428 } } #box_filter{ #box_filter { *, *::before, *::after { .box-sizing(); } .multiselect{ border: 1px solid @borderColor; line-height: 40px; font-weight: normal; font-size: 1em; cursor: pointer; position: relative; &:hover, &.selected { background: url("../images/ico_arrow_down_light.png") no-repeat 95% 50% @maincolor; border: 1px solid @maincolor; color: @colorWhite; coursor: pointer; li, li.selected { a, span, &::before { color: @linkBasicColor; } } } &.selected{ margin-bottom: 10px; } &#filter_rate { ul { li { overflow: hidden; a { overflow: hidden; } } } } span.color-filter { width: 16px; Copyright © 2016 Shoper. All rights reserved. Strona 13/23 + 429 + 430 + 431 + 432 + 433 + 434 + 435 + 436 + 437 + 438 + 439 + 440 + 441 + 442 + 443 + 444 + 445 + 446 + 447 + 448 + 449 + 450 + 451 + 452 + 453 + 454 + 455 + 456 + 457 + 458 + 459 + 460 + 461 + 462 + 463 + 464 + 465 + 466 + 467 + 468 + 469 + 470 + 471 + 472 + 473 + 474 + 475 + 476 + 477 478 height: 16px; display: inline-block; vertical-align: sub; margin-left: 5px; } ul { position: absolute; left: -1px; right: -1px; display: none; background-color: @colorWhite; z-index: 2; border: 1px solid @borderColor; padding: 0.8em 1.44em; .px1 { display: none; } li { position: relative; cursor: pointer; padding: 0 0.5em; a { display: block; } &:hover, &.selected { background-color: @filterHover; } &.color-filter { a { padding-right: 1.25em; } } } } } .innerbox { .display-flex(); .flex-wrap(); .boxintro { .flex-item(1 0 100%); } } Copyright © 2016 Shoper. All rights reserved. Strona 14/23 + 479 480 481 482 483 + 484 485 486 - 487 - 488 - 489 - 490 - 491 - 492 - 493 - 494 + 413 + 414 + 415 + 416 + 417 + 418 + 419 + 420 + 421 + 422 + 423 + 424 + 425 + 426 + 427 + 428 + 429 + 430 + 431 432 433 + 434 + 435 + 436 + 437 + 438 + 439 + 440 441 442 443 522 ul { padding: 5px; li { position: relative; line-height: 24px; a { img { margin: 0 10px 2px; background: @colorWhite; width: 14px; height: 14px; border: 1px solid @bgHover; display: inline-block; &.showmore { margin-top: 0.5em; border-top: 1px dashed @borderColor; text-align: left; cursor: pointer; color: @maincolor; } &.fa-times { a { display: block; position: relative; } &::before { position: absolute; right: 0.5em; top: 0.4em; } } &.priceinput { input { margin-bottom: 0.5em; } } &.selected { background: @borderColor; height: 14px; Copyright © 2016 Shoper. All rights reserved. Strona 15/23 523 524 + 525 + 526 + 527 + 528 + 529 + 530 + 531 + 532 + 533 + 534 + 535 + 536 + 537 + 538 + 539 + 540 + 541 + 542 + 543 + 544 + 545 546 547 + 548 549 550 551 557 558 559 + 560 + 561 + 562 + 563 + 564 + 565 + 566 + 567 + 568 + 569 + 570 + 571 + 572 + 573 + 574 + 575 border: 1px solid @bgHover; } img[class*="star"] { display: inline-block; width: 21px; height: 19px; margin: 2px 2px 0 3px; float: left; border: none; &.star0{ background: url("../images/star0.png") no-repeat 0% 50% transparent; } &.star0-5{ background: url("../images/star0-5.png") no-repeat 0% 50% transparent; } &.star1{ background: url("../images/star1.png") no-repeat 0% 50% transparent; } } } } &.priceinput { padding-top: 10px; } } } &.color-filter { display: inline-block; margin-bottom: 0.4em; a { padding-right: 2em; } } .f-grid-6 { &:nth-child(odd) { margin-left: 0; } } Copyright © 2016 Shoper. All rights reserved. Strona 16/23 + 576 + 577 + 578 + 579 + 580 + 581 + 582 + 583 + 584 + 585 + 586 + 587 + 588 + 589 + 590 + 591 + 592 + 593 + 594 595 596 597 - 598 - 599 - 600 + 563 + 564 + 565 + 566 + 567 + 568 + 569 + 570 + 571 + 572 573 - 574 - 575 576 - 577 - 578 - 579 - 580 - 581 + 566 + 567 + 568 569 - 570 - 571 a { &.color-filter { span { width: 16px; height: 16px; display: inline-block; vertical-align: sub; } } img { margin: 0 10px 3px; background: @colorWhite; width: 14px; height: 14px; border: 1px solid @bgHover; display: inline-block; } } } } .f-grid-6 { &:nth-child(odd) { margin-left: 0; img[class*="star"] { display: inline-block; width: 21px; height: 19px; margin: 2px 2px 0 3px; float: left; border: none; &.star0{ background: url("../images/star0.png") no-repeat 0% 50% transparent; } } } .s-grid-9, .s-grid-12 { #box_filter { .f-grid-6 { margin-left: 2%; width: 32%; &.star0-5{ background: url("../images/star0-5.png") no-repeat 0% 50% transparent; } &:nth-child(3n + 1) { margin-left: 0; Copyright © 2016 Shoper. All rights reserved. Strona 17/23 - 572 + 568 + 569 570 571 572 950 951 952 - 953 - 954 - 955 - 956 - 957 - 958 959 960 961 962 963 964 - 965 - 966 - 967 - 968 - 969 - 970 - 971 - 972 973 974 975 971 972 973 - 974 - 975 - 976 - 977 - 978 - 979 - 980 - 981 - 982 - 983 - 984 } &.star1{ background: url("../images/star1.png") no-repeat 0% 50% transparent; } } } } } .centercol, .top, .footer { #box_filter { display: none; } } .leftcol, .rightcol { .slider { .product { border: none; } } #box_filter { .f-row { .f-grid-2 { width: 100%; } } } } .centercol { } } } .js { #box_filter{ .multiselect { display: none; span { span { color: @borderColor; &.color-filter { Copyright © 2016 Shoper. All rights reserved. Strona 18/23 - 985 width: 20px; - 986 height: 20px; - 987 display: inline-block; - 988 margin: 0px 5px 0px 0px; - 989 vertical-align: middle; - 990 position: relative; - 991 top: -2px; - 992 border: 1px solid #D8D8D8; - 993 } - 994 } - 995 } - 996 } - 997 - 998 .box-filter-button { - 999 cursor: pointer; - 1000 display: block; - 1001 text-align: right; - 1002 } - 1003 } - 1004 } 1005 1006 .box_infopage { 1007 p { styles/_other.less 4 5 6 +7 +8 +9 + 10 11 - 12 - 13 - 14 - 15 - 16 +8 +9 10 11 12 right: 1em; top: 1.2em; cursor: pointer; padding: 0.7em 1em; color: @colorWhite; text-decoration: none; opacity: 0.3; a { padding: 0.7em 1em; color: @colorWhite; text-decoration: none; display: block; &:hover { opacity: 0.8; } } styles/_product.less 844 845 li { display: inline-block; Copyright © 2016 Shoper. All rights reserved. Strona 19/23 846 - 847 + 847 + 848 849 850 851 1050 1051 1052 + 1053 + 1054 + 1055 + 1056 + 1057 + 1058 1059 1060 1061 padding: 0 5px; cursor: pointer; .boxhead { padding: 1px 15px 0 11px; position: relative; margin: 0 0 2px 0; float: left; } &[id] { img[class*="star"] { cursor: pointer; } } } .votecount{ styles/_responsive.less 1534 1535 1536 + 1537 + 1538 + 1539 + 1540 + 1541 + 1542 + 1543 + 1544 + 1545 + 1546 + 1547 + 1548 + 1549 + 1550 + 1551 + 1552 + 1553 + 1554 + 1555 + 1556 + 1557 + 1558 + 1559 width: 100%; } } .s-grid-12, .top, .bottom-footer { #box_filter { .innerbox { .group-filter, .multiselect { .flex-item(0 1 32.5%); &:not(:nth-child(4n)) { margin-right: 0%; } &:not(:nth-child(3n)) { margin-right: 1.25% } } } } } .s-grid-9, .s-grid-6 { #box_filter { .innerbox { .group-filter, .multiselect { Copyright © 2016 Shoper. All rights reserved. Strona 20/23 + 1560 + 1561 + 1562 + 1563 + 1564 + 1565 + 1566 + 1567 + 1568 1569 1570 1571 .flex-item(0 1 100%); &:nth-child(odd) { margin-right: 0%; } } } } } } #box_basketaddress .client-data { 1741 #shoper-foot a{ 1742 width: 480px; 1743 } + 1744 + 1745 .s-grid-12, .top, .bottom-footer { + 1746 #box_filter { + 1747 .innerbox { + 1748 .group-filter, .multiselect { + 1749 .flex-item(0 1 49%); + 1750 + 1751 &:not(:nth-child(4n)) { + 1752 margin-right: 0%; + 1753 } + 1754 + 1755 &:not(:nth-child(2n)) { + 1756 margin-right: 1% + 1757 } + 1758 } + 1759 } + 1760 } + 1761 } 1762 } 1763 } 1764 // Max Width 480px 1979 1980 1981 + 1982 + 1983 + 1984 + 1985 + 1986 + 1987 + 1988 .menu #rwd-menu { width: 100%; } .s-grid-9, .s-grid-6 { #box_filter { .innerbox { .group-filter, .multiselect { .flex-item(0 1 100%); Copyright © 2016 Shoper. All rights reserved. Strona 21/23 + 1989 + 1990 + 1991 + 1992 + 1993 + 1994 + 1995 + 1996 + 1997 + 1998 + 1999 + 2000 + 2001 + 2002 + 2003 + 2004 + 2005 + 2006 + 2007 + 2008 + 2009 2010 2011 2012 &:nth-child(odd) { margin-right: 0%; } } } } } .s-grid-12, .top, .bottom-footer { #box_filter { .innerbox { .group-filter, .multiselect { .flex-item(0 1 100%); &:not(:nth-child(4n)) { margin-right: 0%; } } } } } } #shoper-foot { Pliki .js js/main.js 33 34 35 - 36 + 36 37 38 39 1085 1086 1087 - 1088 - 1089 - 1090 - 1091 1092 1093 slides.wrapAll(sliderWrap); sliderWrap = slider.find('.slider-wrap'); shopInstance.addEvent('img:change', function () { shopInstance.addEvent('img:change:slider:'+ slider.attr('id'), function () { sliderWrap.css('height', 'auto'); slides.each(function() { return Shop.exist($('.ajaxlayer')); }; Shop.CreditCard.condition = function() { return Shop.exist($('form .credit-card-container')); }; Shop.FilterPrice.condition = function() { return Shop.exist($('#box_filter .priceinput input')); Copyright © 2016 Shoper. All rights reserved. Strona 22/23 1094 1095 - 1096 - 1097 - 1098 - 1099 - 1100 - 1101 + 1092 + 1093 1094 1095 1096 1175 1176 1177 - 1178 + 1178 1179 1180 1181 - 1182 + 1182 1183 1184 1185 - 1186 + 1186 1187 1188 1189 1191 1192 1193 - 1194 - 1195 - 1196 - 1197 - 1198 + 1194 1195 1196 1197 }; Shop.FilterSelects.condition = function() { return (Shop.exist($('.centercol #box_filter')) || Shop.exist($('.top #box_filter')) || Shop.exist($('.footer #box_filter'))); }; Shop.FilterFolder.condition = function() { return (Shop.exist($('.leftcol #box_filter')) || Shop.exist($('.rightcol #box_filter'))); Shop.Filter.condition = function(shopInstance) { return true; }; Shop.RwdMenu.condition = function(shopInstance) { Shop.ProductVoter.condition = function() { var span = $('span.votestars'); return !!(Shop.exist(span) && span.attr('id')); return (span.length > 0 && span.attr('id')); }; Shop.SkinPreviewBox.condition = function() { return !!(typeof($.cookie('skinpreview')) == 'string' && $.cookie('skinpreview').length && window.self === window.top); return !!($.cookie('skinpreview') && $.cookie('skinpreview').length > 0 && window.self === window.top); }; Shop.LoyaltyPoints.condition = function() { return Shop.exist($('#box_productfull .loyalty_points .points')); return !!$('#box_productfull .loyalty_points .points').length; }; Shop.Tabs.condition = function(shopInstance) { }; Shop.StockHandler.condition = function(shopInstance) { if ($('.stocks').length > 0) { return true; } else { return false; } return !!$('.stocks').length; }; Shop.BasketDeliveryPayment.condition = function() { Copyright © 2016 Shoper. All rights reserved. Strona 23/23