Dokumentace Shopťák.cz

# Bannery

Následující kódy budeme přidávat do následujících sekcí

VZHLED A OBSAH > Bannery > Doplňkové bannery

nebo

VZHLED A OBSAH > Bannery > Carousel

Detailní postup k nastavení Carouselu naleznete v sekci Nastavení carouselu a nastavení bannerů pak v Nastavení bannerů

# Typy bannerů

Následující generátor vám pomůže ve vytvoření kódu pro Carousel šablony Opal.

    
        

            <div  class="carousel-slide-box"> 

                

                    <img src="https://shoptet.tomashlad.eu/user/documents/extras/opal/img/banner1.png"> 

                        

                            <div class="carousel-slide-caption"> 

                             

                                    <h2>Nahradíme nadpisem</h2> 

                                    <p>Nahradíme popiskem</p> 

                                

                                <a href="#" class="button">Kliknutí na odkaz</a> 

                            

                    </div> 

                

            </div>

# Vrchní bannery 👆

Následující generátor vám pomůže ve vytvoření kódu pro top bannery šablony Opal.

    
        

            <div  class="custom-banner"> 

                

                    <img src="https://shoptet.tomashlad.eu/user/documents/extras/opal/img/banner1.png"> 

                        

                            <div class="banner-caption"> 

                             

                                    <h3>Nahradíme nadpisem</h3> 

                                    <p>Nahradíme popiskem</p> 

                                

                                <a href="#" class="button">Kliknutí na odkaz</a> 

                            

                    </div> 

                

            </div>

# Středový banner 👈

Následující generátor vám pomůže ve vytvoření kódu pro středové bannery šablony Opal.

    
        

            <div  class="hp-middle-banner"> 

                

                    <img src="https://shoptet.tomashlad.eu/user/documents/extras/opal/img/banner1.png"> 

                        

                            <div class="banner-caption"> 

                             

                                    <h2>Nahradíme nadpisem</h2> 

                                    <p>Nahradíme popiskem</p> 

                                

                                <a href="#" class="button">Kliknutí na odkaz</a> 

                            

                    </div> 

                

            </div>

# Spodní banner 👇

Následující generátor vám pomůže ve vytvoření kódu pro spodní bannery šablony Opal.

    
        

            <div  class="hp-bottom-banner"> 

                

                    <img src="https://shoptet.tomashlad.eu/user/documents/extras/opal/img/banner1.png"> 

                        

                            <div class="banner-caption"> 

                             

                                    <h2>Nahradíme nadpisem</h2> 

                                    <p>Nahradíme popiskem</p> 

                                

                                <a href="#" class="button">Kliknutí na odkaz</a> 

                            

                    </div> 

                

            </div>

← Rozšířené nastavení →