wdrożenia PrestaShop Powiększenie zdjęć moduł

Blok zdefiniowany w global.css, wstawiany w opis przedmiotu.

  • 3 Odpowiedzi
  • 3421 Wyświetleń

0 użytkowników i 1 Gość przegląda ten wątek.

*

Offline vs

  • Nowy
  • *
  • 4
  • 0
Blok zdefiniowany w global.css, wstawiany w opis przedmiotu.
« dnia: Czerwiec 01, 2012, 01:49:30 pm »
Witam
Mam do szanownych użytkowników forum prośbę o mała pomoc. Wiem, że sprawa jest prosta bo znalazłam watki z udanymi próbami, ale brakuje mi kodu.
Po krotce. Chcę umieścić blok zdefiniowany w css (przypuszczam że będzie to global.css). Z samym ustawieniem wymiarów/tła etc - nie ma problemu, na tyle się znam.
Na razie największy problem to umieszczenie kodu w css, tak by "podpiać" to do bloku opisu.
Moje poszukiwania zakończyły się na <div id="idTab1" class="rte"> i myślę, że to tu.
Czy dobrze myślę, że by zacząć w css:  #idTab1 ... ?
Tylko nie wiem jak dalej. Proszę o podpowiedzenie jak ta klamerka ma wygladać
I jak po kolei podpiąć bloki niższe w hierarchii.
I druga sprawa, jak zaaplikować pod zdjęcie możliwość lightboxa, czy też powiększenia, które jest na  pod zdjęciami w prestashop (jakby co mam kod do lighta tylko w który plik wkleić javascript, w jakiś tlp??).

Na zdjęciu zobrazowanie jak to mniej więcej ma działać - wiem, że można ustawić tabele w tybie html w opisie, ale nie chcę tego za kazdym razem, w kazdym produkcie robić, bo to bez sensu. Wolę mieć skrótowce zdefiniowane w css.

*

Offline design4VIP

  • user
  • Mieszkaniec
  • *****
  • 3,866
  • 131
    • design4VIP z innej strony...
  • PrestaShop: PS
  • Status: Programista
Odp: Blok zdefiniowany w global.css, wstawiany w opis przedmiotu.
« Odpowiedź #1 dnia: Czerwiec 02, 2012, 05:38:02 pm »
namieszales niemilosiernie.... ogolnie masz przeciez tak, ze zdjecie jest po prawej (podpiete pod liteboxa) i po prawej teksty. w Twoim wypadku wystarczy tylko zamienic kolejnosci div-ow i po sprawie.

samymi ustawienia css-a nie da rady zrobic boca, css to tylko styl, a zeby cos ostylowac to trzeba miec co, czyli np. div. wiec musisz najpierw w plikach .tpl ustawic w danych miejsach divy i dopiero stylowac w cssie.

podany przez ciebie #idTab to styl odpowiedzialny za zakladki w karcie produktu (szczegoly, rozmiary, komentarze itd) a jezeli twoj wymysl ze zdjeciem ma byc wlasnie w tej zakladce (szczegoly) to musisz napewno radykalnie przerobic caly kod zeby pole tekstowe bylo na polowe (standardowo to 100%) i dodac kolejnego diva na polowe zeby doszlo zdjecie. i tutaj tez pytanie, jak to zdjecie mialo by byc pobierane? jako okladkka produktu? to tutaj klania sie zmiana tabsow admina i klasy produktu. raczej Twoje wymyslunki nie sa na poziomie poczatkujacego developera presta
design4VIP z innej strony...

*

Offline vs

  • Nowy
  • *
  • 4
  • 0
Odp: Blok zdefiniowany w global.css, wstawiany w opis produktu
« Odpowiedź #2 dnia: Czerwiec 05, 2012, 11:53:20 am »
Widzę że nie do końca sprecyzowałam - cały box miał się znaleźć w opisie pod belką 'Wiecej informacji'.
Jedno ze zdjęć jest na samym początku, standardowo osadzone w prescie, jak i prawy blok z ceną, atryb itp.
To zdjęcie idzie na miniaturki. Zdjęcia z mojego kodu sa po prostu dodatkowe i każde ma się wyswietlać w powiększeniu, najlepiej w lightbox.


I tu Cię zaskoczę.
Troszkę nad tym posiedziAŁAM i udało mi się zrobić całkiem sporo przy pomocy tylko global.css i opisu produktu. Wygląda to jak na foto powyżej.

W css zdefinowałam sobie bloki box, tabela podpięte pod idTab1. Teraz w opisie (dowolnego produktu z panelu admina) wrzucam następujący kod (w trybie html):

<div id="idTab1" class="box">
<div id="idTab1" class="tabela" style="background-image: url('...');">  OPIS </div>
<div id="idTab1" class="tabela"> <img src="..." alt="" /> </div>
</div>

i mam box jaki chciałam. Mogę w klasie tabela wstawić albo fotkę albo ramkę z tekstem (w css też zdefiniuję sobie jakieś <h11> itp).
Natknęłam się tylko na 2 problemy.
1. Nie udało mi się zaaplikować LIGHTBOXA, po wrzuceniu plików i kodu owszem light działa ale koliduje z kodem strony i znikają pewne elementy, oraz nie działa trickbox.
2. Za żadne skarby nie mogę podpiąć tła pod 'tabela' w css, dlatego ustawiam to już w kodzie wklejanym do opisu - to sobie mogę darować w css.


Także teraz mam tylko jedną prośbę o pomoc.
Albo podpięcie trickboxa pod fotki z opisu, albo całkowite zastąpienie go lightboxem - bo do tego w opis wystarczy mi kod:
<a href="http:..." rel="lightbox"><img src="..." />[/url]
 w miejscu
<div id="idTab1" class="tabela"> ...</div>

*

Offline vs

  • Nowy
  • *
  • 4
  • 0
Odp: Blok zdefiniowany w global.css, wstawiany w opis przedmiotu.
« Odpowiedź #3 dnia: Czerwiec 14, 2012, 02:43:14 pm »
Zrobione i śmiga  ;D