ROZWIĄZANE Ikony/obrazy dostawców w Koszyku

Ogólnie tak, jest możliwe aby dodać takie ikonki na własną rękę, w zupełności wystarczy tu edycja pliku basket/index.tpl co będzie wiązało się z wprowadzeniem zmiennej odpowiedzialnej za pobranie ID formy dostawy, a następnie jej powiązanie z odpowiednią grafiką i wyświetlenie jej. Pewnie można to zrobić też na sztywno. Widziałem takie coś w Google dla innych platform, dlatego spróbuję, ale nie obiecuję. Daj chwilę czasu jeszcze.

 

Dobra, od razu zaznaczam, że nie będzie to profesjonalne tłumaczenie, więc proszę o wyrozumiałość:

WAŻNE! Poniższy kod, jest jedynie przykładem i należy dostosować go do swoich potrzeb. Home.pl nie świadczy wsparcia w zakresie edycji zaawansowanej, ani w zakresie tworzenia/edycji skórek sklepu. Tym samym w przypadku pytań lub wątpliwości, sugerujemy aby konsultować to z osobami, posiadającymi odpowiednią wiedzę w zakresie edycji i tworzenia tego typu modyfikacji, np. pracownikami studia graficznego itp. lub innymi użytkownikami usług home.pl

W sklepie działa zmienna shipping, która ma przypisane dane ID. W zależności od wybranego ID dostawy, wyświetlany jest odpowiedni opis (pobierany z pola Opis w ustawieniach wybranej dostawy, jeśli się nie mylę, label). Jeśli dołożymy do tego img style i scr, no to dodajemy mu po prostu dodatkowy obrazek do opis. Ponieważ sklep to automatyzuje, więc na podstawie ID wyświetla wszystko, a ja skopiowałem fragment kodu i podstawiłem go w kodzie odpowiedzialnym za wyświetlanie obrazka.

Rozwiązanie wydaje się że działa dobrze dla zwykłych skórek, ale dla RWD będzie wymagało dodatkowych modyfikacji, gdyż trochę się rozjeżdża. Nie mniej zapraszam do "zabawy".

W sekcji Konfiguracja --> Sprzedaż --> Dostawy, masz formy dostawy oraz kolumnę ID. Będzie ona potrzeba nam bardzo.

1. Tworzymy pliki graficzne, np. nazywając je dostawa-ID.jpg lub w innej czytelnej formie, np. logo-dostawa_ID.jpg
2. Tworzymy tyle ikonek, ile mamy ID dostawy. Dodajemy grafikę do sklepu, najlepiej zrobić to np. przez Zawartość --> Strony informacyjne, edytując dowolną stronę, w edytorze korzystamy z przycisku Wstaw obrazek i za pomocą menadżera obrazków, tworzymy sobie katalog i wrzucamy tam nasze ikonki.
3. Każdy plik otrzyma swój unikalny adres URL, np. http://sklep-kowalski.pl/public/assets/katalog_z_plikami/dostawa_01.jpg

Jak widzisz ID dostawców pokrywa się z ID obrazków.

Teraz przechodzimy do edycji CSS czyli Konfiguracja --> Wygląd --> Aktywny styl graficzny --> Edycja zaawansowana.

Skórka zwykła: plik basket/index.tpl, szukamy około 100 wiersza, kod zaczyna się od:

Kod:

{foreach from=$shippings item=shipping name=list}
  <tr class="delivery{if $shipping_id == (int) $shipping->getIdentifier()} selected{/if}{if 0 == $smarty.foreach.list.index} first{/if}">
  <td colspan="3" class="name">
  <input type="radio" name="shipping_id" id="shipping_{$shipping->getIdentifier()}" value="{$shipping->getIdentifier()}" {if $shipping_id == (int) $shipping->getIdentifier()}checked="checked" {/if}/>

I pod spodem jest <label ...> który podmieniamy na:

Kod:

<label for="shipping_{$shipping->getIdentifier()}"><img style="vertical-align: middle;" src="http://sklep-kowalski.pl/public/assets/katalog_z_plikami/dostawa_{$shipping->getIdentifier()}.jpg" height="70" alt="{$shipping->translation->name|escape}"/></label>

Jak widzisz, label zawiera link do pliku który tworzymy, pliku graficznego. W miejscu ID pliku/formy dostawy, została użyta zmienna {$shipping->getIdentifier()} która pobiera sobie ID dostawcy.

Analogicznie jest w skórce RWD: basket/index.tpl, około 106 wiersza mamy <label...> (poprzedzony w/w kodem {foreach...

podmieniamy to co jest na:

Kod:

<label for="shipping_{$shipping->getIdentifier()}"><img style="vertical-align: middle;" src="http://sklep-kowalski.pl/public/assets/katalog_z_plikami/dostawa_{$shipping->getIdentifier()}.jpg" height="70" alt="" /></label>

usunąłem końcówkę alt= bo ona powielała opis zbędnie. Niestety, moja znajomość takich modyfikacji kończy się, dlatego dla skórki RWD nie wygląda to zbyt efektownie i wymaga koniecznie poprawy.

 

@Kaspersky zapraszam do testów.