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"} &raquo;</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"} &raquo;</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