Suwak obrazów

Ta instrukcja również dotyczy szablonów graficznych Flow, Vogue i Pipeline!

Aby dodać suwak, musisz umieścić jego połączenie z szablonem i przekazać do niego swoje parametry - tytuły, teksty, obrazy.


{$slider_params = [
  
    "slider_01" => [
   
      "title" => "Mój tytuł",
   
      "text" => "Mój tekst",
   
      "background" => "https://ahead.szablony-graficzne.pl/wa-data/public/site/themes/ahead/assets/img/themesettings/home/slider/slide_02_background.jpg",
   
      "image" => "https://ahead.szablony-graficzne.pl/wa-data/public/site/themes/ahead/assets/img/themesettings/home/slider/slide_02_image.png",
   
      "button_01" => [
    
        "classes" => "btn btn-default btn-sm mb-2 mr-3",
    
        "text" => "Tekst przycisku",
    
        "link" => "#!"
   
      ],
   
      "button_02" => [
    
        "classes" => "btn btn-white btn-sm mb-2",
    
        "text" => "Tekst przycisku",
    
        "link" => "#!"
   
      ]
  
    ],
  
    "slider_02" => [
   
      "title" => "Mój tytuł 2",
   
      "text" => "Mój tekst 2",
   
      "background" => "https://ahead.szablony-graficzne.pl/wa-data/public/site/themes/ahead/assets/img/themesettings/home/slider/slide_03_background.jpg",
   
      "image" => "https://ahead.szablony-graficzne.pl/wa-data/public/site/themes/ahead/assets/img/themesettings/home/slider/slide_03_image.png",
   
      "button_01" => [
    
        "classes" => "btn btn-default btn-sm mb-2 mr-3",
    
        "text" => "Tekst przycisku 2",
    
        "link" => "#!"
   
      ],
   
      "button_02" => [
    
        "classes" => "btn btn-white btn-sm mb-2",
    
        "text" => "Tekst przycisku 2",
    
        "link" => "#!"
   
      ]
  
    ]

]}

{$slider_type = "1"}



{call include_block block="common/slider/slider.{$slider_type}" params=$slider_params _type=$slider_type}

Pozycjonowanie nagłówka

Aby poprawnie wyświetlić nagłówek wraz z suwakiem, należy użyć dwóch parametrów:
{$wa->globals("isHeaderAbsolute", true)} - dla absolutnego pozycjonowania nagłówka
{$wa->globals("headerBottomFullColored", true)} - dla dolnej części nagłówka o pełnej szerokości.

Suwak obrazów - instrukcja do szablonu "Ahead"

Pozycjonowanie nagłówka