Pliki.tpl. scripts/search.tpl. Pliki.css. Pliki.less. Dokumentacja zmian plików graficznych: rwd shoper Wersja zmian:

Size: px

Start display at page:

Download "Pliki.tpl. scripts/search.tpl. Pliki.css. Pliki.less. Dokumentacja zmian plików graficznych: rwd shoper Wersja zmian:"

Doris Webb
5 years ago
Views:

1 Dokumentacja zmian plików graficznych: rwd shoper Wersja zmian: Pliki.tpl scripts/search.tpl - 1 <form data-search-promotions-route="{route key="promotions"}" data-base-dir="{basedir}" class="js search search" action="{route key='s earch'}" method="post"> <form data-product-view-type="{$view escape}" data-search-promotions-route="{route key="promotions"}" data-base-dir="{basedir}" class=" js search search" action="{route key='search'}" method="post"> 3 {include file="formantispam.tpl"} 4 <div class="search input-area r--l-flex r--l-flex-vcenter"> 5 <div class="search input-area-item"> - 6 <span class="js search-clear-btn search btn icon icon-close search icon none"></span> - 7 <img class="search loader none" src="{basedir}/public/admin/{$admin_skin}/images/loader.svg"> + 5 <span class="js search-clear-btn search btn icon icon-close search icon none" role="button" aria-label="clear search inp ut"></span> + 6 <img class="search loader none" src="{basedir}/public/images/loader.svg"> 7 </div> 8 9 <div class="search input-area-item search input-area-item_grow"> 12 </div> <div class="search input-area-item"> - 15 <span class="js search-close-btn icon icon-back"></span> + 15 <span class="js search-close-btn icon icon-back" role="button" aria-label="close search"></span> 16 <button type="button" class="js search-submit-btn search input-area-item btn btn-red search btn-search r--l-flex r--l-fl ex-vcenter r--l-flex-hcenter"> - 17 <span class="fas fa-search search icon"></span> + 17 <span class="fa fa-search search icon_size-l"></span> 18 </button> 19 </div> 20 </div> Pliki.css Pliki.less Copyright 2018 Shoper. All rights reserved. Strona 1/12

2 styles/_modules.less search { 310.btn { width: auto; padding: 14px; width: 40px; padding: 0; &::before { 315 content: none; styles/_search.less #ececec; - #ffffff; - #5c657e; #2a3445; 15px; @alertbginfo; #565454; - #3366cc; search { 16 position: relative; button { + 13 font-family: 'Open Sans', sans-serif; + 14 } *, *::after, *::before { 17 box-sizing: border-box; 20 &_open { 21.search content { 22 display: block; - 23 animation: searchshow 200ms ease-out; - 24 animation-delay: 100ms; - 25 animation-fill-mode: both; Copyright 2018 Shoper. All rights reserved. Strona 2/12

3 26 } 27 } search input-area { 53 border-color: rgba(240,220,100,0.8); 54 outline: thin rgba(240,220,100,0.8); webkit-box-shadow: inset 0 1px 1px rgba(240,220,100,0.1), 0 0 8px rgba(240,220,100,0.6); 57 box-shadow: inset 0 1px 1px rgba(240,220,100,0.1), 0 0 8px rgba(240,220,100,0.6); 58 } 59 } 67 appearance: none; 68 border: none; 69 background: none; webkit-box-shadow: none; 72 box-shadow: none; margin: 0; 76 min-height: 100%; 77 width: 100%; &::-webkit-search-decoration, 78 &::-webkit-search-cancel-button, 87 &:focus { 88 outline: none; 89 border: none; webkit-box-shadow: none; 91 box-shadow: none; 92 } 93 } &-area { - 96 background-color: #ffffff; padding: 0; 97 * 0.5; - 98 border: 1px solid #D8D8D8; + 98 border: 1px 99 border-right: none; &_error { Copyright 2018 Shoper. All rights reserved. Strona 3/12

4 webkit-box-align: center; 139 -ms-flex-align: center; align-items: center; align-items: center; 143 * * * * 0.1; 144 cursor: pointer; margin: 0; 147 } &_active { background-color: #f5f7ff; &_active, &:hover { } &-action-btn { * 0.5; 155 } 156 } 157 } 163 min-width: 410px; 164 width: 100%; 165 overflow: hidden; webkit-box-shadow: 0 2px 9px 0 rgba(16, 47, 102, 0.16); 168 box-shadow: 0 2px 9px 0 rgba(16, 47, 102, 0.16); background-color: #ffffff; z-index: 20; 170 } } 178 } & btn-clear { cursor: pointer; & btn { &-clear { cursor: pointer; Copyright 2018 Shoper. All rights reserved. Strona 4/12

5 + 183 } &_link { font-size: inherit; vertical-align: unset; } 189 } & item { } &-container { width: 100%; } 205 } & loader { & icon { 212 font-size: 1em; color: #333333; &_blue { &_size-l { font-size: 1.3em; line-height: 1em; } &_main-color { } &_size-xl { & message { 234 * 0.5; word-break: break-word; &_error { 238 Copyright 2018 Shoper. All rights reserved. Strona 5/12

6 247 &-head { 248 font-size: 0.9em; 249 margin: 0; &_sticky { 253 position: sticky; webkit-box-align: center; 264 -ms-flex-align: center; align-items: center; align-items: center; 268 text-transform: uppercase; &::after { 270 content: ''; flex: 1 1 auto; 273 height: 1px; } &-note { font-size: 0.9em; font-size: 0.96em; &-item { &:not(:last-child) { 300 * 0.5; 301 } 302 } 303 } &-category-title { font-size: 0.8em; font-weight: 300; * 0.4; } Copyright 2018 Shoper. All rights reserved. Strona 6/12

7 312 &-title-item { 313 margin: 0; 314 display: inline; 331 width: 100%; &:hover { } 336 } &_inactive { 349 text-decoration: line-through; } 352 } font-weight: bold; 356 } &_regular { font-weight: normal; } &_match { 363 font-weight: normal; 364 } 369 display: -webkit-box; 370 display: -ms-flexbox; 371 display: flex; webkit-box-align: center; 374 -ms-flex-align: center; align-items: center; 377 width: 100%; bottom: 50px; 393 right: 50px; Copyright 2018 Shoper. All rights reserved. Strona 7/12

8 394 border-radius: 50%; padding: 0.7em; padding: 0.45em 0.85em; 396 font-size: 1em; 397 cursor: pointer; &_open { 400 display: block; will-change: transform; webkit-animation: show-mobile-btn 0.2s ease-out both; animation: show-mobile-btn 0.2s ease-out both; 404 } &_close { 407 display: none; 408 } &_closing { will-change: transform; webkit-animation: hide-mobile-btn 0.2s ease-out both; animation: hide-mobile-btn 0.2s ease-out both; } 415 } message { 427 display: flex; li { } > li, li:not(:last-child) { 458 display: none; 459 } a { a,.link { text-decoration: none; 464 cursor: pointer; &:hover { img { Copyright 2018 Shoper. All rights reserved. Strona 8/12

9 + 470 text-decoration: none; } } 473 } 474 } hide-mobile-btn { % { transform: translatey(0); opacity: 1; } searchshow { from { % { 468 opacity: 0; } to { opacity: 1; transform: translatey(15px); 470 } 471 } show-mobile-btn { % { transform: translatey(15px); opacity: 0; } % { opacity: 1; transform: translatey(0); } } 484 loader-spin { 486 0% { 487 -webkit-transform: rotate(0deg); 488 transform: rotate(0deg); 489 } % { % { 481 -webkit-transform: rotate(359deg); 482 transform: rotate(359deg); 483 } styles/_searchresponsive.less 59 right: 0; Copyright 2018 Shoper. All rights reserved. Strona 9/12

10 60 bottom: 0; 61 margin: 0; - 62 z-index: 90001; + 62 z-index: 20; 63 overflow: auto; 64 max-width: inherit; search item { 67 &_content { - 68 max-height: inherit; + 68 max-height: unset; 69 } 70 } } 95 } 96 } &-empty { + 99.search content { opacity: 0.7; } } } & content { min-width: 100%; max-width: inherit; min-height: 100%; max-height: inherit; 111 } 112 } 113 styles/_variables.less 10px; 10px; #f3f4f8; - #79829c; /* Search */ + #f5f7ff; Copyright 2018 Shoper. All rights reserved. Strona 10/12

11 Pliki.js js/main.js 1017 var queryobject; 1018 var searchprase; if (window.shoplayer) { shoplayer.push({ 'FrontSearchType': }); } if (window.location.search) { 1027 queryobject = Shop.fn.encodeQueryString(window.location.search); if (this.innerwidth < 768) { 1078 if (!search.objects.view.isopen()) { 1079 $el.addclass('none'); } else { search.objects.view.showmask(); 1082 } $searchbutton.off('click').on('click', function (e) { 1086 } else { 1087 $searchbutton.off('click'); 1088 $el.removeclass('none'); search.objects.view.hidemask(); 1090 } 1091 }, 100)); 1092 } window.addeventlistener('beforeinstallprompt', function (ev) { 1553 ev.userchoice.then(function (choiceresult) { if (window.ga) { if (window.shoplayer) { 1555 ga('client.send', 'event', 'PWA', choiceresult.outcome); ga('send', 'event', 'PWA', choiceresult.outcome); shoplayer.push({ event: 'PWA', category: 'PWA', result: choiceresult.outcome }); Copyright 2018 Shoper. All rights reserved. Strona 11/12

Pliki.tpl. boxes/languagelist/box.tpl. boxes/newsletter/box.tpl. scripts/basket/address.tpl

Pliki.tpl. boxes/languagelist/box.tpl. boxes/newsletter/box.tpl. scripts/basket/address.tpl Dokumentacja zmian plików graficznych: rwd shoper Wersja zmian: 5.8.33-5.19.1 Pliki.tpl boxes/languagelist/box.tpl 28 {foreach from=$boxns->$box_id->list item=language} 29 name == $boxns->$box_id->language}