Pomoc - Slider

[Baniaczek]

Witam, 

czy ktoś wie jak dodać slider który mozna włączać i wyłączać z ustawień stylu? Nie chodzi mi o żadne aplikacje. 

[aXen]

Trzeba najpierw umieć ko zakodować potem za pomocą trybu projektowania dodać odpowiednie opcje.

[Baniaczek]

odświeżę temat bo nadal nie potrafię tego zrobić, totalnie nie wiem jak się za to zabrać a nigdzie nie ma poradnika na ten temat. 

[Baniaczek]

wiem, ze tą zakładkę daje się w trybie projektanta i można tam utworzyć klucz. Tylko jak użyć tego klucza, gdzie i jaki to musi być slider ( chodzi czy to gdzieś tam w trybie projektanta się dodaje kod czy w plikach stylu? )

Nie chce odpowiedzi ze trzeba umieć i nie proszę o napisanie tego dla mnie tylko proszę o pomoc, jeśli ktoś wie jak wykorzystywać te klucze czy coś. 

[aXen]

Czytałeś dokumentację chociaż?

[Baniaczek]

Tak ale nie do końca rozumiem i nie wiem jeszcze jak tego odpowiednio użyć. Ogarniam w miarę html i css javy dopiero zaczynam się uczyć. Nie wiem jakie umiejętności trzeba mieć aby to poskładać. Slider napisać potrafię, nie wiem jak to dodać do szablonu. Do szablonu wiem tylko jak skonfigurować zmianę obrazka za pomocą tego trybu projektanta i jak wybrać to aby ten obrazek podmieniał przykładowo mój obrazek. 

[aXen]

1. Nie Java, a JavaScript,
2. Przydałoby się podstawy PHP,
3. https://invisioncommunity.com/4guides/themes-and-customizations/advanced-theming/managing-theme-settings-r128/

[Baniaczek]

Ok kupiłem kurs troszkę ogarnę podstawy php.

 

I patrz teraz dodałem tak w custom.css :

 

body {
  background: {theme = "test1"}; 

}

a w ustawieniach szablonu dałem tak :
i niestety nie zmienia mi koloru tła, właśnie tego nie rozumiem. 

Edytowane 7 Listopada 2020 przez Baniaczek

[aXen]

Odświeżałeś cache? Patrzyłeś za pomocą zbadaj element czy kod się znajduje w motywie?

[Baniaczek]

 

Wyświetla błąd " Invalid property value " 

[aXen]

Usuń spacje.

[Baniaczek]

super, zgadza się działa  

Jak mam slider taki 

 

<div>
  <img class="mySlides" src="img_snowtops.jpg" style="width:100%">
  <img class="mySlides" src="img_lights.jpg" style="width:100%">
  <img class="mySlides" src="img_mountains.jpg" style="width:100%">
  <img class="mySlides" src="img_forest.jpg" style="width:100%">

  <button onclick="plusDivs(-1)">&#10094;</button>
  <button onclick="plusDivs(1)">&#10095;</button>
</div>

<script>
var slideIndex = 1;
showDivs(slideIndex);

function plusDivs(n) {
  showDivs(slideIndex += n);
}

function showDivs(n) {
  var i;
  var x = document.getElementsByClassName("mySlides");
  if (n > x.length) {slideIndex = 1}
  if (n < 1) {slideIndex = x.length}
  for (i = 0; i < x.length; i++) {
    x[i].style.display = "none";  
  }
  x[slideIndex-1].style.display = "block";  
}
</script>

 

dodając plik download uzyłem klucza np. plik to podstawiam w

<img class="mySlides" src="img_snowtops.jpg" style="width:100%">

na taki

<img class="mySlides" src="{{theme.plik}}" style="width:100%">

i grafika się nie podmienia, dlaczego?

Edytowane 7 Listopada 2020 przez Baniaczek

[aXen]

Analizowałeś chociaż dlatego się nie pojawia?

 

8 godzin temu, Baniaczek napisał:

src="{{theme.plik}}"

Tu jest błąd. Przeczytaj jeszcze raz dokumentację i zwróć uwagę na HTML logic.

[Baniaczek]

poprawnie jest tak?

scr="{{else}}{{theme.plik}}{{endif}}" ?? 

[aXen]

https://invisioncommunity.com/4guides/themes-and-customizations/template-syntax