Wykorzystanie filtrów Img i Img2 w szablonach niesie za sobą korzyści, takie jak możliwość wyświetlenia nie tylko wewnętrznych obrazków, ale też z adresu url. W tym artykule dowiesz się, jak zmienić kod szablonów, aby w wybranych miejscach używały filtrów Img lub Img2. Filtry Img i Img2 oraz jak ich używać […]
Zmiana sposobu prezentacji kanałów w zgodach marketingowych w szablonie Agat
W tym artykule dowiesz się jak zmodyfikować szablon Agat, aby przekształcić obsługę kanałów w zgodach marketingowych na bardziej czytelną. Wyrażanie zgody w przypadku istnienia wielu kanałów będzie wyglądało następująco: W pierwszej kolejności dodaj odpowiednie tłumaczenia. Id: Consents_InTheFormOf, Tekst: w postaci W katalogu js znajdź plik init.js. Narzędziem wyszukiwania wyszukaj frazę […]
Prezentacja rabatów w profilu klienta w szablonie Topaz
W tym artykule dowiesz się jak zmodyfikować szablon Topaz, aby umożliwić wyświetlanie rabatów w profilu klienta. Zakładka Promocje będzie wyświetlać się tylko wtedy, gdy w banerze o nazwie CustomerProfileBanner będzie znajdował się przynajmniej jeden obrazek. W tym celu należy w panelu administracyjnym dodać taki banner. Wejdź w zakładkę Bannery i […]
Obsługa prezentacji wagi netto oraz wagi brutto towaru dla wskazanej jednostki miary
W tym artykule dowiesz się jak zmodyfikować szablon, aby umożliwić przeliczanie i wyświetlanie wagi netto oraz wagi brutto towaru w zależności od wybranej jednostki. Szafir Na początku zmodyfikuj plik product/product-presentation-data.html. Należy znaleźć narzędziem wyszukiwania divy o klasie child-lq i dopisać atrybuty data z informacjami o wadze netto i brutto produktu […]
Obsługa strony porównywania towarów w szablonie Szafir
W tym artykule dowiesz się jak dodać w szablonie Szafir stronę umożliwiającą porównywanie cech towarów. Pierwszym modyfikowanym plikiem będzie __settings.liquid. Pierwsze dwie linijki pliku powinny wyglądać następująco:
0 1 2 3 |
{% case languageId %} {% when '1' %} |
Tuż pod nimi umieść kod odpowiadający za polskie tłumaczenia:
0 1 2 3 |
{% assign productsComparison = "Porównywanie towarów" -%} {% assign compareProducts = "Pozwalaj na porównywanie towarów" -%} |
Kolejne około 100-200 linii (w zależności od tego, jaką wersję teraz posiadasz) […]
Obsługa prezentacji wymiarów towaru dla wskazanej jednostki miary
W tym artykule dowiesz się jak umożliwić wyświetlanie wymiarów towarów w zależności od wybranej jednostki miary w szablonach Szafir, Bursztyn, Opal, Agat, Topaz. Szafir W pierwszej kolejności dokonaj zmian w pliku product-presentation-data.html. W narzędziu wyszukiwania wyszukaj frazę if unit.Id == unitId. Powinieneś znaleźć kilka wyników, jednak interesuje Cię tylko ten […]
Obsługa prezentacji informacji o limicie kredytowym w szablonie Szafir
W tym artykule dowiesz się jak dodać do szablonu Szafir informacje o limicie kredytowym w nagłówku strony. W tym celu należy zmodyfikować plik common/header/header-top-bar.html. Przejdź do końca pliku. Ostatnie dwie linijki powinny wyglądać następująco:
0 1 2 3 |
</ul> </div> |
Przed nimi należy wstawić następujący kod:
0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
{% if customer.CreditLimit.OverdueUsed > 0 -%} <li class="f-right-ui"> <div class="label-ui">{{translations.OverduePayments}}:</div> {{customer.CreditLimit.OverdueUsed}} {{customer.Currency}} </li> {% endif -%} {% if customer.CreditLimit.Left > 0 -%} <li class="f-right-ui"> <div class="label-ui">{{translations.CreditLeft}}:</div> {{customer.CreditLimit.Left}} {{customer.Currency}} </li> {% endif -%} {% if customer.CreditLimit.Value > 0 -%} <li class="f-right-ui"> <div class="label-ui">{{translations.LimitGranted}}:</div> {{customer.CreditLimit.Value}} {{customer.Currency}} </li> {% endif -%} |
Obsługa drugiej wersji widoku bloga na stronie głównej w szablonie Szafir
W tym artykule dowiesz się jak dodać drugą wersję widoku bloga na stronie głównej w szablonie Szafir – powiększone kafle z większą ilością tekstu. Od wersji 2020.3 w standardowym szablonie Szafir dostępne są dwie wersje widoku bloga. Poniższa instrukcja dedykowana jest dla szablonów starszych lub modyfikowanych. W pierwszej kolejności należy […]
Obsługa zawężania kategorii w wynikach wyszukiwania w szablonie Szafir
W tym artykule dowiesz się jak dodać możliwość zawężania kategorii przy prezentacji wyników wyszukiwania w szablonie Szafir. W pierwszej kolejności otwórz plik common/categories-navigation/sliding-navigation-partial.html. Wyszukaj frazę sliding-categories-ui. Pod znalezioną linią wklej poniższy kod.
0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
{% if page.PageId == config.DefinedPages.ProductList.Id and products.Search != null -%} {% for group in products.FilteringOptions.Groups -%} <div class="filtered-category-group-ui"> {% if group.Parent != null and group.Parent.Id != config.DefinedPages.ProductList.Id -%} <a class="parent-ui" href="{{group.Parent.Url}}">{{group.Parent.Name}}</a> {% endif -%} {% assign groupCount = 0 -%} {% for node in group.Nodes -%} {% assign groupCount = groupCount | Plus: node.Count -%} {% endfor -%} <a class="group-ui" href="{{group.Group.Url}}">{{group.Group.Name}} <span class="count-ui">{{groupCount}}</span></a> <ul> {% for node in group.Nodes -%} <li><a class="node-ui" href="{{node.Group.Url}}">{{node.Group.Name}} <span class="count-ui">{{node.Count}}</span></a></li> {% endfor -%} </ul> </div> {% endfor -%} {% else -%} |
Przejdź na koniec dokumentu. Powinieneś zauważyć tam dwa tagi zamykające <div>.
0 1 2 3 |
</div> </div> |
Nad nimi umieść poniższą linię. […]
Obsługa blokowania pracownika w Profilu Klienta przez głównego administratora w szablonie Szafir
W tym artykule dowiesz się dodać głównemu administratorowi uprawnienie umożliwiające blokowanie i odblokowanie pracownika w Profilu Klienta w szablonie Szafir. Pierwszym modyfikowanym plikiem będzie customer-profile/employees-list/employees-view-list.html. Cały kod w pliku należy usunąć a wkleić poniższy.
0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 |
{% for employee in customer-profile.Employees -%} <div class="customer-details-tile-ui customer-details-lq container-lq"> <div class="content-ui"> <div><strong>{{employee.Name}} {{employee.Name2}}</strong></div> <br> <div><i class="ti-email"></i> <span class="employee-email-lq">{{employee.Email}}</span></div> {% if employee.PhoneNo != '' -%} <div><i class="ti-headphone-alt"></i> {{employee.PhoneNo}}</div> {% endif -%} </div> <div class="buttons-ui"> <div class="edit-ui"> <div class="form-lq flr-ui form-into-data-lq"> <input type="hidden" name="id" value="{{employee.Id}}" /> <input type="hidden" name="__template" value="customer-profile/employees-list/employees-view-list.html" /> {% if employee.Active -%} <input type="hidden" name="__action" value="Customer/EmployeeLock" /> <button class="btn-pure-ui toggle-employee-lq" data-container=".employees-list-view-lq"> <i class="ti-lock"></i> <span class="icon-label-ui">{{ translations.Lock }}</span> </button> {% else-%} <input type="hidden" name="__action" value="Customer/EmployeeUnlock" /> <button class="btn-pure-ui toggle-employee-lq" data-container=".employees-list-view-lq"> <i class="ti-unlock"></i> <span class="icon-label-ui">{{ translations.Unlock }}</span> </button> {% endif -%} </div> </div> </div> </div> {% endfor -%} |
Drugim plikiem, który należy zmodyfikować jest js/init-ui2.js. Na końcu dokumentu należy wkleić poniższy kod.
0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
function toggleEmployee(e) { if(app.validationBeforePost(e) != 'error'){ var form = $(e.currentTarget).parents('.form-lq'); var data = form.find('input:not([disabled])').serializeArray(); data.push({name: "__csrf", value: __CSRF}); $.post('', data, function(result) { app.serverMessage(result, form, e); if (result.action.Result) { $('.employees-list-view-lq').html(result.template); } }); } }; $('body').on('click', '.toggle-employee-lq', function (e) { toggleEmployee(e); }); |