Szablony Shoper od GrowCommerce
Koszyk
Zamknij
Kontynuuj zakupy ZAMAWIAM
suma: 0,00 zł
Ulubione produkty
Lista ulubionych jest pusta.

Wybierz coś dla siebie z naszej aktualnej oferty lub zaloguj się, aby przywrócić dodane produkty do listy z poprzedniej sesji.

Szukaj
Menu

Shoper i Omnibus - przystosowanie modyfikowanych szablonów

blog GrowCommerce
Cotygodniowa dawka eksperckiej wiedzy na tematy Shoperowe jak i ogólno e-commercowe. W końcu liczy się sprzedaż!

Jeśli Twój szablon był w dużej mierze modyfikowany, został kupiony od resellera lub bezpośrednio od Shopera, to część plików TPL (czyli plików szablonu sklepu) mogły zostać zmodyfikowane. Zmodyfikowane pliki widoczne są w edytorze pogrubionym czerwonym tekstem w nazwie.

Zmodyfikowane pliki muszą zostać albo przywrócone do stanu pierwotnego, albo muszą zostać uzupełnione o nowe elementy, które przyniosła aktualizacja.

W tym tutorialu przejdziemy przez aktualizację dwóch plików TPL Shopera, które niezbędne są do prawidłowego działania aktualizacji Shoper Omnibus

Jak zaktualizować Shoper o pliki aktualizacji Omnibus?

Na początku włącz obie funkcje, abyśmy widzieli czy czegoś Ci nie brakuje i czy po zmianach te elementy pokażą się na sklepie. Przed przystąpieniem do prac zadbaj o kopię zapasową swojego szablonu. Jeśli wiesz jak, przejdź dalej. Jeśli potrzebujesz instrukcji sprawdź ten artykuł.

 

Ustawienia Shoper i włączenie Omnibusa.

Ten wg. aktualizacji składa się z dwóch elementów: informacji o promocji i cenie w ciągu ostatnich 30 dni oraz informacji o zbieranych komentarzach.
W panelu sklepu przejdź kolejno do "Ustawienia" -> "Produkty" -> "Ustawienia produktów" oraz "Opinie nt. produktów". Są to dwa miejsca w tej samej podkategorii, które musisz zweryfikować.

Zacznijmy od "Ustawienia produktów":

Ustawienie promocji na sklepie - Omnibus

Po przejściu wyżej wymienionej ścieżki zjedź na sam dół, zaznacz checkbox przy "Dla produktów w promocji pokaż na karcie produktu..." i kliknij "Zapisz".

 

Dalej z menu po lewej stronie wybierz "Ustawienia" -> "Produkty" -> "Opinie nt. produktów".

Włączenie opinii Omnibus - Shoper

Nawiguj do ostatniego checkboxa i zaznacz go. Zapisz nasze zmiany. W ten sposób mamy włączone oba niezbędne ustawienia.

 
Zwróć uwagę na żółtą ramkę w komunikacie powyżej. Informuje ona, że powinieneś zmienić wyświetlany tekst w zależności od tego co rzeczywiście robisz z zebranymi opiniami. Sprawdzasz? Puszczasz wszystkie jak leci? Zmień komunikat klikając w link niebieski opisany jako "w tłumaczeniach". Wybierz warstwę językową sklepu (domyślnie Polski) i kliknij w trybik po prawej stronie by edytować.

W nowo otwartym oknie po lewej stronie znajdziesz "Frazy", a po kliknięciu na nie, uzyskasz wyszukiwarkę. W tej małej wyszukiwarce wpisz "Wyświetlane są wszystkie opinie" i wyskoczy Ci jedne hasło, które ponownie trybikiem możesz edytować wg. własnej woli. 

Edycja frazy Shoper Omnibus

 To powinny być już wszystkie niezbędne ustawienia. Przejdźmy do edycji szablonu.

Edycja plików TPL Shoper pod aktualizację Omnibus

 W panelu sklepu nawiguj do "Wygląd i treści" -> "Wygląd sklepu" -> "Twoje szablony graficzne" i znajdź interesujący Cię szablon. Wybierz swoją kopię zapasową, którą puścisz live lub obecnie działający szablon oznaczony metką "Aktywny".

Najedź na miniaturkę tego szablonu i znajdź drugi z kolei ołówek, podpisany jako "Edytor HTML/CSS". Kliknij go.

Edytor HTML / CSS w Shoperze

 

W nowo otwartym oknie edytora nawigujemy poprzez "Scripts" -> "Product" -> "Index.tpl". Jeśli ten jest na czerwono - musimy go zaktualizować. Jeśli nie wyróżnia się wyglądem od innych plików - prawdopodobnie nie był modyfikowany i nie wymaga poprawki.

Po kliknięciu na nasz plik możesz użyć "Znajdź" z lupką, aby wyszukać jedną frazę. 

 priceCurrency

 Po wyszukaniu tej frazy znajdziesz tekst wyglądający jak poniżej:

 <meta itemprop="priceCurrency" content="{$currency->currency->name|escape}">
{/if}

Wklejenie kodu Omnibus

Po wyżej wymienionym {/if} wciśnij kilka enterów, aby zrobić sobie miejsce i tam wkleimy nasz kod Omnibusa.

Wklejenie kodu Omnibus

 {feature name="omnibus_frontend"}
{if $product->specialOffer && $showLowestPriceHistory}
<div class="f-row clear pt-1">
{translate key='The lowest price during 30 days prior to the promotion:'}
<strong class="js__omnibus-price">
{currency value=$product->stock->getHistoricalLowestPrice()|escape}
</strong>
<span class="hint">
<span class="icon icon-help"></span>
<span class="hint__content">
{translate key='If the product is sold for less than 30 days, the lowest price since the product went on sale is displayed.'}
</span>
</span>
</div>
{/if}
{/feature}

Powinno to wyglądać w ten sposób:

Wklejenie kodu Omnibus

 Po skończonej operacji kliknij "Zapisz" w prawym górnym rogu.

Teraz naprawimy komentarze. Po lewej stronie nawiguj do "Scripts" -> "Product" -> "comments.tpl". W lupce tego pliku wyszukaj:

 tab-comments

 Po wyszukaniu tej frazy znajdziesz tekst wyglądający jak poniżej:

Wyszukanie komentarza

 Po zakończeniu całej frazy, która wygląda w ten sposób:

 <div class="innerbox tab-content tab-comments">

 Wciśnij kilka enterów by zrobić sobie miejsce. Wklejamy tam ten kawałek kodu:

 {if $show_comments_moderation_message}
<p class="pb-3 pt-1">{translate key="All reviews (positive and negative) are displayed. We don't verify that they come from customers who have purchased the product."}</p>
{/if}

 Powinno to wyglądać w ten sposób:

Wyszukanie komentarza 2

Kliknij zapisz w prawym górnym rogu i gotowe! Oba elementy powinny być włączone, a Twoje pliki zaktualizowane. 

Daj znać jeśli w którymś momencie utknąłeś/utknęłaś i potrzeba bardziej dokładnej instrukcji.

 

Komentarze do wpisu (1)

6 lutego 2023

Dzięki za ten artykuł. Home, które korzysta z Shopera, woła po 200zł za wklejenie tego kodu.

Modern 3.0 od GrowCommerce

Chcesz zbudować lepszy sklep na Shoperze? Zacznij tutaj! 👇

Wykonaj pierwszy krok w celu poznania najbardziej zaawansowanego szablonu Shoper

Czytaj więcej
Modern 3.0 od GrowCommerce
Holder do góry
Szablon Shoper Modern 3.0™ od GrowCommerce
Sklep jest w trybie podglądu
Pokaż pełną wersję strony
Sklep internetowy Shoper.pl