pytanie Nasz zespół - strona z ekipą firmy

[SZPANPAN]

Witam serdecznie. Zwracam się z prośbą zapytania do Was czy istnieje jakiś moduł z możliwością ukazania swojego zespołu pracującego w firmie? Bądź czy istnieje jakiś kod HTML wyciągający klasy CSS z gotowego szablonu by móc stworzyć coś takiego w istniejącym module już dodawania nowych stron?

Chciałbym coś podobnego uzyskać jak jest w przypadku WordPress: https://codecanyon.net/item/team-builder-meet-the-team-wordpress-plugin/12723018

Czy ktoś byłby w stanie mi pomóc osiągnąć podobny efekt w prosty sposób korzystając właśnie z bibliotek szablonu sklepu?

Pozdrawiam serdecznie

[ComGrafPL]

Sprawdzałeś to: https://addons.prestashop.com/pl/narzedzia-administracyjne/44064-creative-elements-live-theme-page-builder.html#specifications

[SZPANPAN]

Ciekawa propozycja ale jednak szukam czegoś darmowego mniej zaawansowanego. Miałyby tam być po prostu zdjęcie, imię i nazwisko, kilka słów i stanowisko
Chciałbym jednak to w wbudowanych Stronach zrobić jeśli byłaby taka możliwość.

[krzysiek_web]

Tradycyjny kod html i zwykły moduł gdzie można taki kod wpisać. Następnie podpinamy moduł pod odpowiedni hook.

Oczywiście rozwiązanie gdy pracowników nie ma zbyt wielu i nie potrzeba tego ciągle aktualizować.

[SZPANPAN]

Pracowników góra 5-6 tak naprawdę więc nawet zwykły kod HTML by wystarczył tylko ja bladego pojęcia nie mam jak się za to zabrać bo nie znam biblioteki klas PS. Najlepszym sposobem byłoby po prostu korzystać ze stron wbudowanych w Preste

[krzysiek_web]

<div class="row">
<div class="col-lg-4 col-sm-6">
<h3>Imię i Nazwisko</h3>
<p>Jakieś inforamcje</p>
<ul>
<li>Telefon XYZ</li>
<li>Adres @</li>
</ul>
</div>
<div class="col-lg-4 col-sm-6">
<h3>Imię i Nazwisko</h3>
<p>Jakieś inforamcje</p>
<ul>
<li>Telefon XYZ</li>
<li>Adres @</li>
</ul>
</div>
<div class="col-lg-4 col-sm-6">
<h3>Imię i Nazwisko</h3>
<p>Jakieś inforamcje</p>
<ul>
<li>Telefon XYZ</li>
<li>Adres @</li>
</ul>
</div>
</div>

dla 3 pracowników. Szablon zapewne korzysta z bootstrap'a. Można jeszcze dodać ikonę ale to zależne jest od samego szablonu.

Później moduł do html'a:

https://contentbox.org/

Następnie podczepiamy pod displayFooter i ograniczamy dla podstron CMS. Ew. displayHome tylko dla strony głównej.

Można też skorzystać z https://mypresta.eu/modules/administration-tools/hooks-manager.html

utworzyć nowy hook i podczepić go pod wymaganą podstronę tpl szablonu + opcjonalnie jeżeli będzie to cms dograć wyjątek aby wyświetlał się tylko na danej podstronie o ID X.

Tutaj jest fajny opis zmiennych których można użyć:

https://www.themebooster.com/prestashop-tutorials/prestashop-1-7-smarty-global-variables/

 

[SZPANPAN]

15 godzin temu, krzysiek_web napisał:

<div class="row">
<div class="col-lg-4 col-sm-6">
<h3>Imię i Nazwisko</h3>
<p>Jakieś inforamcje</p>
<ul>
<li>Telefon XYZ</li>
<li>Adres @</li>
</ul>
</div>
<div class="col-lg-4 col-sm-6">
<h3>Imię i Nazwisko</h3>
<p>Jakieś inforamcje</p>
<ul>
<li>Telefon XYZ</li>
<li>Adres @</li>
</ul>
</div>
<div class="col-lg-4 col-sm-6">
<h3>Imię i Nazwisko</h3>
<p>Jakieś inforamcje</p>
<ul>
<li>Telefon XYZ</li>
<li>Adres @</li>
</ul>
</div>
</div>

dla 3 pracowników. Szablon zapewne korzysta z bootstrap'a. Można jeszcze dodać ikonę ale to zależne jest od samego szablonu.

Później moduł do html'a:

https://contentbox.org/

Następnie podczepiamy pod displayFooter i ograniczamy dla podstron CMS. Ew. displayHome tylko dla strony głównej.

Można też skorzystać z https://mypresta.eu/modules/administration-tools/hooks-manager.html

utworzyć nowy hook i podczepić go pod wymaganą podstronę tpl szablonu + opcjonalnie jeżeli będzie to cms dograć wyjątek aby wyświetlał się tylko na danej podstronie o ID X.

Tutaj jest fajny opis zmiennych których można użyć:

https://www.themebooster.com/prestashop-tutorials/prestashop-1-7-smarty-global-variables/

 

Dziękuję bardzo za kod Myślę że to wystarcza w zupełności aczkolwiek gdybym chciał dodać jednak nad informacjami zdjęcie o jakiś wymiarach? Gdzie dokładnie powinienem wkleić kod IMG SRC by wyświetlało nad konkretną komórką członka ekipy?

[krzysiek_web]

Najlepiej byłoby nad:

<h3>Imię i Nazwisko</h3>

 

[SZPANPAN]

44 minuty temu, krzysiek_web napisał:

Najlepiej byłoby nad:

<h3>Imię i Nazwisko</h3>

 

Wszystko fajnie ale rozjeżdżają mi się zdjęcia pracowników i nie są w komórce jednolicie

Próbuję jakoś zaimplementować ten poradnik w PSa ale nic mi nie wychodzi  https://www.w3schools.com/howto/howto_css_team.asp

[krzysiek_web]

Podaj screen.

Dodaj do zdjęć klasę:

class="img-fluid"

powinno być:

<img src="sciezka_do_zdjecia" alt="slowo_kluczowe_dla_seo" class="img-fluid" />

 

[SZPANPAN]

Dnia 28.05.2022 o 11:29 AM, krzysiek_web napisał:

Podaj screen.

Dodaj do zdjęć klasę:

class="img-fluid"

powinno być:

<img src="sciezka_do_zdjecia" alt="slowo_kluczowe_dla_seo" class="img-fluid" />

 

A gdyby to zrobić nieco inaczej?  Mianowicie zdjęcie po lewej a po prawej do zdjęcia właśnie Imię i nazwisko, stanowisko i kilka informacji  Bo próbuję to z Twojego kodu przerobić ale coś mi nie wychodzi  

[endriu107]

Wpisz sobie w googla "bootstrap grid template example" dostaniesz sporo wyników z gotowym kodem w różnych układach.

[SZPANPAN]

No i o to mi właśnie chodziło! Żeby sobie samemu coś pokombinować!