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":
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".
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.
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.
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}
Po wyżej wymienionym {/if} wciśnij kilka enterów, aby zrobić sobie miejsce i tam wkleimy nasz kod Omnibusa.
{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:
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:
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:
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.
Anonim
Dzięki za ten artykuł. Home, które korzysta z Shopera, woła po 200zł za wklejenie tego kodu.