Obrazek produktu dzielony na 4 mniejsze

Dla wszystkich którzy poszukują i oferują płatną, komercyjną pomoc przy instalacji czy rozbudowie Opencart.

Obrazek produktu dzielony na 4 mniejsze

Postprzez Lyyar » 3 mar 2017, o 21:58

Dzień dobry,
czy istnieje modyfikacja do OpenCart, dzięki której zamiast jednego zdjęcia produktu pojawiałyby się 4 ?
Korzystam z OpenCart 2.3.0.2 + Journal 2.9.3 i jeśli taka modyfikacja miałaby być napisana od podstaw chciałbym aby działała w takiej konfiguracji.

L
Nie masz wystarczających uprawnień, aby zobaczyć pliki załączone do tego postu.
Lyyar
 
Posty: 1
Dołączył(a): 2 cze 2014, o 21:17

Re: Obrazek produktu dzielony na 4 mniejsze

Postprzez pavvelbe » 17 mar 2017, o 14:20

Hmmm.
Sterowanie Additional Images w Journal oraz RGen'ie jest.
Ale nie spotkałem się ze sterowaniem głównym zdjęciem.

Myślę, że nie byłoby to trudne przerobić product.tpl żeby wyświetlić np. w responsywnej tabeli 4 obrazki.
Także czekają cię chyba "robótki ręczne" :)
Avatar użytkownika
pavvelbe
 
Posty: 80
Dołączył(a): 5 gru 2012, o 12:52
Lokalizacja: Warszawa

Re: Obrazek produktu dzielony na 4 mniejsze

Postprzez pavvelbe » 17 mar 2017, o 14:25

W pliku product.tpl masz fragment kodu odpowiedzialny za zdjęcie główne

Kod: Zaznacz cały
   <div class="image">
          <?php if (isset($labels) && is_array($labels)): ?>
          <?php foreach ($labels as $label => $name): ?>
          <span class="label-<?php echo $label; ?>"><b><?php echo $name; ?></b></span>
          <?php endforeach; ?>
          <?php endif; ?>
          <a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>"><img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" id="image" data-largeimg="<?php echo $popup; ?>" itemprop="image"  /></a>
      </div>


Ostatnia linia tego kodu czyli
Kod: Zaznacz cały
<a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>"><img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" id="image" data-largeimg="<?php echo $popup; ?>" itemprop="image"  /></a>


odpowiada za samo zdjęcie.

Tutaj albo na sztywno wpisz tabelę, albo dodaj ją w css'ie, zrób kolejnego diva i podziel sobie pole na 4 miejsca (2x2) wklejając pozostałe trzy zdjęcia z sekcji ADDITIONAL IMAGES, która jest w pliku product.tpl poniżej kodu, który wstawiłem na początku.

Zalej wrzątkiem i gotowe! Knorr :)
Avatar użytkownika
pavvelbe
 
Posty: 80
Dołączył(a): 5 gru 2012, o 12:52
Lokalizacja: Warszawa


Powrót do Wsparcie komercyjne Opencart

Kto przegląda forum

Użytkownicy przeglądający ten dział: Brak zidentyfikowanych użytkowników i 0 gości