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.

 

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.

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

 

 

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 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.