Skórki graficzne

Skórki graficzne

Czy mogę edytować skórkę graficzną?

Tak. Wygląd layoutu można edytować w udostępnionych w systemie szablonach edycji layoutu (pliki CSS, HTML). Ścieżka dostępu: CMS → Szablony drukarni → Edytuj. Aby edycja była możliwa, należy stworzyć nowy szablon (oparty na którymś z bazowych). Modyfikacji udostępnionych szablonów dokonujesz we własnym zakresie. Jeżeli wymagana jest pomoc firmy IWARE – jest to usługa dodatkowo płatna, wyceniana indywidualnie.

Jak ukryć czas realizacji w tabeli, gdy mamy czas realizacji do wyboru z listy parametrów?

W sytuacji, gdy chcemy ukryć czas realizacji w tabeli, bo mamy już czas realizacji wybierany z listy parametrów, można posłużyć się kodem js:

 

<script>
$(document).ready(function() {
ProductCalculatorController.instance.calculationForm.params.forEach(param => {if (/realizacj/i.test(param.productHasParameter.parameter.title)) $(body).append(„<style>#variantMatrixTable tr td:nth-child(4),#variantMatrixTable tr th:nth-child(4){display: none;}</style>”) });
});
</script>

 

Który należy umieścić w widoku produktu wersja 2.

 

Panel klienta – paginacja

Na szablony systemowe nr. 6 oraz 7 została dodana paginacja do zamówień w Panelu klienta.

W sytuacji, w której widok został edytowany to aby przywrócić paginację należy dodać kod:

?{=tags.orderPagination}

do szablonu, poniżej listy zamówień. Wtedy wyświetli się dropdown do wyboru strony.

Paginacja ustawiona jest na 10 zamówień na stronę.

 

Wybór płatności przed złożeniem zamówienia

Aby wyświetlić dropdown do wyboru płatności przed złożeniem zamówienia, należy posłużyć się kodem:

?{if false == system.cart.shipmentMethod.cod}
#{Forma płatności:}
<select name=”paymentType”>
?{foreach system.orderPreferedPaymentOperator.types type}
<option value=”?{=type.type}”>?{=type.title}</option>
?{endforeach}
</select>
?{endif}

 

Kod ten należy umieścić w Widoku potwierdzenia zamówienia, wewnątrz tagu formularza „form”.

Czym jest CMS?

CMS (Content Management System) to system zarządzania treścią strony. Treścią w szerokim rozumieniu zawartości strony – logo drukarni, boksy, treści artykułów, ikony produktów, itp.

Czy za skórki przygotowane przez iwarePRINT muszę coś płacić?

Nie. Skórki przygotowane przez nas są bezpłatne.

Czy będzie więcej skórek w systemie?

Nowe skórki są aktualnie w przygotowywaniu i będą dostępne do wyboru przy uruchamianiu nowej drukarni oraz w menu szablonów drukarni.

Czy mogę stworzyć swój własny projekt graficzny?

Tak – na podstawie makiet przesyłanych przez nas. Makietę możesz pobrać tutaj: odnośnik.

Podgląd innego szablonu

Będąc zalogowanym jako administrator można podejrzeć jak wyglądałby sklep na innym szablonie, bez jego zmiany.

Po przejściu z panelu administracyjnego na front sklepowy, w prawym górnym rogu będzie widoczna zakładka szablon tymczasowy:

szablon-tymczasowy

W jej rozwinięciu pojawi się lista dostępnych szablonów. Wybrany szablon zostanie „nałożony” na obecny i będzie to widoczne tylko dla administratora.

Aby wrócić do standardowego widoku należy kliknąć widoczny po ponownym rozwinięciu zakładki przycisk powróć do standardowego:

powrot

 

Widoczny w ten sposób szablon nie jest idealnym odwzorowaniem i powinien służyć jedynie jako przybliżony podgląd.

 

Edycja szablonu „pobierz pdf”

Wygląd pobieranego pliku PDF z kalkulacją produktu można edytować w:

CMS -> Widoki własne -> Widok wydruku kalkulacji (pdf)

 

Widok trójkolumnowy

System posiada możliwość wdrożenia trójkolumnowego widoku produktu – tutaj przykład.

Jest to modyfikacja dodatkowo płatna, która wynosi odpowiednio: 585 złotych przy korzystaniu z modułu Podzlecania, lub 1170 złotych w przypadku niekorzystania z modułu Podzlecania. Jest to opłata jednorazowa, pobierana za zaimplementowanie trójkolumnowego rozwiązania. Czas realizacji wdrożenia wynosi 5 dni roboczych. W cenę nie wlicza się ostylowanie widoku (jedynie sama funkcjonalność).

 

Powyższa modyfikacja wprowadza:

– Kolumny „wybierz parametry”, „wybierz tryb i nakład”, „zobacz szczegóły i zamów”.

– Cenny netto/brutto

– Klik na cenę spowoduje automatyczną zmianę podsumowania w prawej kolumnie

– Odliczanie czasu do złożenia zamówienia, by towar wysłać w dniu X

 

Po wykupieniu widoku trójkolumnowego będzie on ustawiony zarówno na produktach kalkulowanych, jak i wariantowych. Widok ten zostanie podmieniony za widoki w wersji 2. Aby godzina skompletowania  zamówienia wyświetlała się poprawnie, produkt musi mieć skonfigurowaną godzinę skompletowania w ustawieniach produktu.

W razie ewentualnych pytań lub chęci wdrożenia tego rozwiązania zapraszamy do kontaktu poprzez system Ticketów.

Sekretariat i dział techniczny w szablonie iwarePRINT6

Zmiany numerów telefonów dla Sekretariatu i Działu technicznego, widocznych w artykule Formularz kontaktowy, można dokonać edytując szablon graficzny drukarni.

W sekcji CMS -> Szablon drukarni -> edycja bieżącego szablonu należy odnaleźć widok „Formularz kontaktowy” i wprowadzić zmiany w wierszach:

 

Jak dodać fav icon

W sekcji Head strony (widok dostępny do edycji w szablonach drukarni) można wkleić poniższy kod:

<link rel="icon"  type="image/png"  href="http://example.com/myicon.png">

zakładając, że icona jest plikiem .png i jej adres na serwerze to http://example.com/myicon.png.

Ikonkę można wgrać do szablonu w edycji wybranego layoutu:

obrazki

Przykładowy kod będzie wyglądał tak:

<link rel="icon"  type="image/png"  href="${system.layoutImgUrl}/favicon.ico">

lub z linkiem absolutnym:

<link rel="icon" type="image/png" href="http://demo.iwareprint.pl/layouts/1test/images//favicon.ico">

Czym są boksy?

Boksy to elementy graficzne na stronie, które pełnią funkcje informacyjne, ułatwiają nawigację oraz mogą służyć jako odnośniki do artykułów, np.: informacji o warunkach dostawy, promocjach czy o tym jak przygotować plik. Standardowo, w gotowych szablonach, umieszczone są cztery (lub pięć – w zależności od skórki) boksy na górze i cztery na dole strony, ale ich ilość i rozmieszczenie można zmieniać. Jak dodać nowy boks?

Jak podlinkować artykuły do boksów?

Linkowanie boxów można przeprowadzić na dwa sposoby:

1) wklejając do pola „Link” pełny adres artykułu (np. „http://demo.iwareprint.pl/jak_przygotowac_projekt/jak_przygotowac_projekt_”):

box-linkowanie

2) wklejając do pola „Link” tylko ścieżkę do artykułu:

box-linkowanie-2

W tym sposobie należy zwrócić uwagę na postać linku – powinna zaczynać się od „/” i kończyć się bez „/”. Przykładowy link będzie wyglądał tak:

/jak_przygotowac_projekt/jak_przygotowac_projekt_

TAGI: boxy, box, boksy, boks

Grupowanie. Jak wyświetlić w kategoriach produkty na stronie głównej?

Grupowanie produktów wg. kategorii można włączyć w opcjach layoutu. Należy wykonać 3 kroki:

  1. Dodać dany produkt (produkty) do danej kategorii. W każdym produkcie jest dostępna zakładka „Kategoria”. W niej przypisujemy utworzoną wcześniej kategorię. Kategorię można utworzyć klikając „Nowa kategoria” w górnej sekcji widoku edycji produktu. Jeden produkt może mieć przypisaną jedną kategorię.
  2. Ustawić szablon edytowalny jako domyślny – http://help.iwareprint.pl/faqs/jak-i-gdzie-wprowadzac-zmiany-w-szablonie/
  3. W opcjach szablonu (CMS -> Szablony drukarni -> edycja wybranego szablonu) zmienić tryb wyświetlania strony głównej na „produkty grupowane”:

op1

Produkty grupowane są, gdy do danej kategorii przypisane jest więcej niż jeden produkt. Ikona grupy na stronie głównej pobierana jest z pierwszego ze zgrupowanych produktów.

Jak zmienić ikony produktów?

Ikony produktów można dodać i zmienić w menu: CMS → Galerie produktów. Jak dodać ikony dowiesz się w filmie: Jak dodać ikony produktu?

Jak zrobić, by po najechaniu kursorem na produkt, zmieniała się jego ikona?

W galerii produktu muszą być dodane co najmniej dwie ikony. Jak dodać ikony do produktu dowiesz się z filmu: Jak dodać ikony produktu?

Jak zmienić ikony szablonów dla produktu?

Obecnie zmianę ikony można uzyskać przez podmianę treści linku w CSS:
W edycji szablonu drukarni, w arkuszu CSS, należy dopisać przykładowo:

img[src=”http://xyz.iwareprint.pl/images/icon_ai.png”] { content:url („http://xyz.iwareprint.pl/layouts/images/ikona1.jpg”); }

Pierwszy link to adres obrazka do zastąpienia (zamiana ikony nastąpi globalnie), a drugi to adres obrazka, którym chcemy go zastąpić. Ikony można wgrać w menu “Obrazki” i korzystać z wygenerowanych linków.
Ścieżka dostępu: Szablony drukarni -> edycja szablonu -> Obrazki.

[szablon #6] W jaki sposób można ustawić, aby tabela z nakładami produktów wyświetlała się bez przycisku Wysuń pozostałe wyceny?

W edycji szablonu „Widok produktu – wersja 2”, w wierszu:

a) #93

<div id="variantMatrix" style="height: 267px;">

należy usunąć fragment: style=”height: 267px;”, tak by zostało:

<div id="variantMatrix">

b) #160 – #167

usunąć/wykomentować fragment:

<div id="matrix-toggle-table" class="matrix-on"
ng-click="controller.clickedMatrixToggleTable()">
#{Wysuń pozostałe wyceny}

<span>
&#8595;
</span>
</div>

Jak dodać boksy/baner po prawej stronie w skórce iwareprint4?

Postępujemy, jak w filmie: Jak dodać nowy boks?

Przy wyborze sekcji należy wybrać layout.

Sekcja layout jest obecnie kompatybilna wyłącznie ze skórką iwareprint4 i opartymi na niej szablonami.

 

Czy jest możliwość ustawienia zmienności banerów?

Tak, w menu: CMS  Banery można skonfigurować, jakie banery i gdzie na stronie będą się wyświetlać. Można określić ich wymiary minimalne i maksymalne, proporcje, sposób rotacji czy długość ekspozycji.

Czy możliwa jest podmiana skryptu od banerów cycle.js

Skrypt cycle.js można zastąpić innym. W tym celu należy usunąć tag od bannerów

${tags.bannersTop}

i zrobić zwykłą pętlę:

?{foreach tags.bannersTopGroup group}
?{foreach group.photos photo}
<img src="?{=photo.src}" alt="?{=photo.title}" data-href="?{=photo.url}" />
?{endforeach}
?{endforeach}

i później można podłączyć własny skrypt.

 

tagi: cycle, cycle.js, skrypt, script, banerów, banery, bannersTop

Jak dodać przycisk oblicz w kalkulatorze produktu?

Przyciski można dodać za pomocą kodu JavaScript.

Przycisk Oblicz dla produktów wariantowych:

$(„#variantParamsFieldsForm”).append(„<a onclick=’$(\”#variantParamsFieldsForm select:first\”).change();return false’ class=’calculate-button’>Oblicz</a>”);

Dla kalkulowanych:

$(„#variantParamsFields”).append(„<a onclick=’$(\”#variantParamsFields select:first\”).change();return false’ class=’calculate-button’>Oblicz</a>”);

Dodany przycisk jest nieostylowany. Stylowania można dokonać posługując się klasą .calculate-button w arkuszu CSS.

Jak usunąć zakładkę “kalkulator” z widoku produktu?

Można to zrobić za pomocą kodu JavaScript:

$(„#productTabsMenu > li:first”).detach()

 

Jak zmienić postać linków produktów na stronie głównej?

Aby zmienić linki produktów na stronie głównej z domyślnych

/produkty/pokaz/Nazwa_produktu

na

 /Nazwa_produktu

należy:

1. Ustawić nowe linki dla produktów w sekcji CMS -> Menu:
cms menu, widok edycji linku2. Należy dodać dany produkt do menu.

Jest to ważny krok, bo pozwala na „wygenerowanie nowych linków” w systemie. Produkty dodane, po to by zmienić ich format linkowania, można ukryć przez wyłączenie widoczności grupującej je zakładki (nadrzędnej):

ukrywanie

W ten, choć produkty są ukryte w menu, to ich linki są używalne w nowej postaci.

 

O Menu można dowiedzieć się więcej: tutaj

3. Szablony, Strona główna

strona-glowna

na

?{=system.baseUrl}?{=product.name}

Zobacz także: Jak edytować szablon?

 

Jeśli szablon używa grupowania wg. kategorii na stronie głównej to należy wprowadzić analogiczną zmianę również w sekcji niżej:

z

 

 

Jak wyświetlić informację dla klienta o maksymalnym obecnie przysługującym mu rabacie?

Można to zrobić za pomocą kodu JavaScript:

${system.userLogged.biggestDiscount}

Jak mogę wyświetlić imię zalogowanego użytkownika?

Można to zrobić za pomocą kodów:

${system.userLogged.firma}  – wyświetla nazwę firmy

${system.userLogged.imie} – wyświetla imię użytkownika

${system.userLogged.nazwisko} – wyświetla nazwisko użytkownika

Przykładowo:

${system.userLogged.imie}${system.userLogged.nazwisko}

Wyświetli imię i nazwisko zalogowanego użytkownika.

 

Podgląd wgranych plików w zamówieniach zakończonych

Standardowo podgląd wgranych plików przez klienta dostępny jest dla zleceń przed etapem produkcji. Żeby mieć możliwość podejrzenia miniatur również w zamówieniach w realizacji i zakończonych należy w edycji szablonu, w widoku Lista zamówień w panelu klienta wiersz widoczny na screenie (#134):

podglad1

przenieść w miejsce oznaczone czerwonym oznaczeniem.

 

Używanie podglądu we wszystkich zamówieniach może wpłynąć na prędkość ładownia się panelu klienta.

Gdzie możemy wyłączyć zakładkę „Prezenty” z panelu klienta?

W edycji szablonu panelu klienta (CMS → Szablony drukarni → Edycja wybranego szablonu → Szablon Panelu Klienta) należy oznaczyć fragment kodu jako komentarz, co sprawi, że stanie się nieaktywny. W języku znaczników (HTML) rozpoczęcie komentarza zaczyna się poprzez znacznik:

<!- –

i kończy znacznikiem:

– ->

Kod pomiędzy tymi dwoma znacznikami zostanie potraktowany jako komentarz, a tym samym nieaktywny. Należy oznaczyć jako komentarz linię:

<li><a href=”${system.baseUrl}#{uri:produkty/prezenty}”>#{Prezenty}</a></li>

Po edycji powinno wyglądać w poniższy sposób:

<!- – <li><a href=”${system.baseUrl}#{uri:produkty/prezenty}”>#{Prezenty}</a></li> – ->

W zależności od wybranego layoutu, zamiast listy zakładek panelu klienta, można znaleźć wpis:

${tags.menuUserPanelTabs}

Należy wtedy podmienić go na:

<li><a href=”${system.baseUrl}#{uri:autoryzacja/panel/}”>#{Zamówienia}</a></li>

<li><a href=”${system.baseUrl}#{uri:autoryzacja/panel/zakonczone/}”>#{Zamówienia zakończone}</a></li>

<li><a href=”${system.baseUrl}#{uri:autoryzacja/canceledOrders/}”>#{Anulowane zlecenia}</a></li>

<li><a href=”${system.baseUrl}#{uri:autoryzacja/zmien_dane/}”>#{Zmień dane}</a></li>

<!- – <li><a href=”${system.baseUrl}#{uri:produkty/prezenty}”>#{Prezenty}</a></li> – ->

Ostatnia linia – dotycząca prezentów – jest wyłączona z wyświetlania.

 

Ikony społecznościowe

W stopce szablonu iwarePRINT6  istnieje możliwość podlinkowania ikon social media. W menu edycji wybranego layoutu
CMS-> Szablony drukarni -> widok „zawartość stopki”
w liniach 64 -71 znajdą Państwo kod:

<div class="social-container">
<a href="#"><i class="social social-facebook"></i></a>
<a href="#"><i class="social social-google-plus"></i></a>
<a href="#"><i class="social social-instagram"></i></a>
<a href="#"><i class="social social-pinterest"></i></a>
<a href="#"><i class="social social-twitter"></i></a>
<a href="#"><i class="social social-youtube"></i></a>
</div>

Aby podłączyć adres strony do ikony wystarczy zastąpić znak „#” pożądanym adresem, np.

<a href="https://www.facebook.com/iwareprint"><i class="social social-facebook"></i></a>

Czy jest możliwość umieszczenia w stopce (footer) ikonek mediów społecznościowych?

Tak. Na przykład za pomocą dostępnych w Internecie wtyczek social media opartych na JavaScript.

Gdzie dodam regulamin i informacje o polityce prywatności?

Artykuły takie jak: regulamin, polityka prywatności czy O nas, można dodać w menu: CMS → Artykuły. Instrukcje, jak to zrobić, znajdziesz w filmach:

Jak stworzyć nowy artykuł i dodać go do górnego menu na stronie?

Jak edytować artykuł?

Jak wyłączyć lub zmienić napis “Infolinia” na pasku menu?

Edytując skórkę graficzną w części: Zawartość nagłówka. Ścieżka dostępu: CMS → Szablony drukarni → Edycja wybranego szablonu → Zawartość nagłówka.