• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Podpięcie przycisku przenoszącego do galerii w wordpresie z jednoczesnym zaznaczeniem kategorii

Aruba Cloud - Virtual Private Server VPS
0 głosów
211 wizyt
pytanie zadane 21 lutego 2024 w Systemy CMS przez BlackCat_ Początkujący (310 p.)
Czy ktoś z Was mógłby mnie nakierować w jaki sposób mogłabym w wordpressie zwykłe przyciski na stronie https://mr-light.pl/index.php/12753-2/ dokładnie mowa tutaj o czarnych buttonach "Wątpliwości? Obejrzyj galerię" - 3 szt. przy świetlówkach, panelach i ogrodzie hydroponicznym zamienić na takie, które będą odpalały konkretną kategorię w galerii? tak, żeby za każdym razem nie włączały się wszystkie zdjęcia? :)

2 odpowiedzi

+1 głos
odpowiedź 21 lutego 2024 przez AnimaVillis Stary wyjadacz (13,090 p.)
wybrane 22 lutego 2024 przez BlackCat_
 
Najlepsza
Ogólnie jest to wykonalne, najszybciej będzie jak zaprzęgniesz do tego jakiś lekki skrypt javascript.
komentarz 22 lutego 2024 przez BlackCat_ Początkujący (310 p.)
Dziękuję bardzo za podpowiedź :) Miałam nadzieje, że może to kwestia ustawień przez elementor czy dopisanie kawałka kodu w htmlu w odpowiednim miejscu, ale jednak bez programisty nie będę w stanie tego sama zrobić, bo javascript to niestety dla mnie czarna magia.
komentarz 22 lutego 2024 przez AnimaVillis Stary wyjadacz (13,090 p.)

Ewentualnie coś takiego:
https://mr-light.pl/index.php/galeria/?gallery=xxxxx

Ale zweryfikuj czy faktycznie działa tak jak powinno i pojawia się to co oczekujesz.

W miejsce xxxxx wstaw jedno z wybranych id, które masz przypisane:
 

<div class="elementor-gallery__titles-container e--pointer-background e--animation-fade">
									<a data-gallery-index="all" class="elementor-item elementor-gallery-title elementor-item-active">
						Wszystkie					</a>
				
									<a data-gallery-index="0" class="elementor-item elementor-gallery-title">
						Żarówki grow led					</a>
										<a data-gallery-index="1" class="elementor-item elementor-gallery-title">
						Świetlówki grow led					</a>
										<a data-gallery-index="2" class="elementor-item elementor-gallery-title">
						Panele grow led					</a>
										<a data-gallery-index="3" class="elementor-item elementor-gallery-title">
						Doniczki i ogrody hydroponiczne					</a>
								</div>

Czyli 0,1,2,3.

+1 głos
odpowiedź 22 lutego 2024 przez VBService Ekspert (256,600 p.)
edycja 22 lutego 2024 przez VBService

Z pobieżnej analizy kodu html (DevTools) strony wskazanej przez Ciebie:

https://mr-light.pl/index.php/12753-2/

Czarny przycisk odwołuje się do galerii przez wywołanie takiego linka:

https://mr-light.pl/index.php/galeria/

kod php generuje stronę z widokiem galerii z zaznaczoną domyślnie zakładką "wszystkie"

analiza kodu html galerii daje taki o to obraz

czyli, sugerowałbym zapisać w kodzie php mała zmianę, dla np.

  1. https://mr-light.pl/index.php/galeria/ - otwiera galerię z zakładką aktywną "wszystkie"
  2. https://mr-light.pl/index.php/galeria/0/ - otwiera galerię z zakładką aktywną "Żarówki grow led"
  3. https://mr-light.pl/index.php/galeria/1/ - otwiera galerię z zakładką aktywną "Świetlówki grow led"
  4. https://mr-light.pl/index.php/galeria/2/ - otwiera galerię z zakładką aktywną "Panele grow led"
  5. https://mr-light.pl/index.php/galeria/3/ - otwiera galerię z zakładką aktywną "Doniczki i ogrody hydroponiczne"

wskazane adresy na powyżej liście "podpiąć" pod odpowiednie przyciski na stronie. Oczywiście adresy zadziałają dopiero po odpowiedniej modyfikacji kodu php w index.php i prawdopodobnie edycją pliku .htaccess.

komentarz 14 marca 2024 przez BlackCat_ Początkujący (310 p.)
Dziękuję bardzo :)

Podobne pytania

+1 głos
2 odpowiedzi 400 wizyt
0 głosów
0 odpowiedzi 346 wizyt
+4 głosów
1 odpowiedź 262 wizyt

93,327 zapytań

142,323 odpowiedzi

322,397 komentarzy

62,657 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...