Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd Logo
Upload

Welcome to Scribd!

  • 110 views

    Aula 15 - Como Criar Carrossel de Depoimentos

    Uploaded by

    Marcos Jann
    This document provides instructions for adding a testimonial slider to a website using the Lean Slider plugin. It includes inserting the necessary JavaScript and CSS links, adding slider code to the HTML custom block, and publishing the page to view and copy image URLs to add to the slider HTML.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd

    Aula 15 - Como Criar Carrossel de Depoimentos

    Uploaded by

    Marcos Jann
    110 views2 pages
    This document provides instructions for adding a testimonial slider to a website using the Lean Slider plugin. It includes inserting the necessary JavaScript and CSS links, adding slider code to the HTML custom block, and publishing the page to view and copy image URLs to add to the slider HTML.

    Original Title

    Aula 15 - Como criar Carrossel de depoimentos

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    This document provides instructions for adding a testimonial slider to a website using the Lean Slider plugin. It includes inserting the necessary JavaScript and CSS links, adding slider code to the HTML custom block, and publishing the page to view and copy image URLs to add to the slider HTML.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Download as docx, pdf, or txt
    110 views2 pages

    Aula 15 - Como Criar Carrossel de Depoimentos

    Uploaded by

    Marcos Jann
    This document provides instructions for adding a testimonial slider to a website using the Lean Slider plugin. It includes inserting the necessary JavaScript and CSS links, adding slider code to the HTML custom block, and publishing the page to view and copy image URLs to add to the slider HTML.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Download as docx, pdf, or txt
    of 2

    1.

    Inserir código JavaScript:


    Dashboard > JavaScript > Add Script

    <script src="https://s3.eu-central-1.amazonaws.com/scripts.assets-landingi.com/customer-
    success/Lean_slider/lean-slider.js"></script>

    <link rel="stylesheet" href="https://s3.eu-central-1.amazonaws.com/scripts.assets-


    landingi.com/customer-success/Lean_slider/lean-slider.css" type="text/css"/>

    <link rel="stylesheet" href="https://s3.eu-central-1.amazonaws.com/scripts.assets-


    landingi.com/customer-success/Lean_slider/sample-styles.css" type="text/css"/>

    <script type="text/javascript">

    $(document).ready(function() {

    var slider = $('#slider').leanSlider({

    directionNav: '#slider-direction-nav',

    controlNav: '#slider-control-nav'

    });

    });

    </script>

    2.
    Inserir código no Bloco HTML:
    Editor > HTML > Custom CHTML

    <div class="slider-wrapper">

    <div id="slider">

    <div class="slide1">

    <img src="https://images.assets-landingi.com/sbCM2AUbVahuKeJ6/1.png" alt="" />

    </div>

    <div class="slide2">

    <img src="https://images.assets-landingi.com/zoq0B6g714b3kPjA/2.png" alt="" />


    </div>

    <div class="slide3">

    <img src="https://images.assets-landingi.com/onQaCVi4MhJ6sxP4/3.png" alt="" />

    </div>

    <div class="slide4">

    <img src="https://images.assets-landingi.com/A8kDBDGFBhhjJPgh/4.png" alt="" />

    </div>

    <div class="slide5">

    <img src="https://images.assets-landingi.com/rG07njpie0GT4p0J/5.png" alt="" />

    </div>

    </div>

    <div id="slider-direction-nav"></div>

    <div id="slider-control-nav"></div>

    </div>

    3.
     Adicionar imagens de depoimentos em uma nova Section

    4.
     Publicar a página
     Abrir a página
     Copiar o endereço de todas imagens de depoimentos para adicionar no
    código HTML do passo 2

    You might also like