Tenho este codigo de slide que fiz as imagens aparecem bem formatadas no apps mas o carousel nao esta funcionando

Preciso tirar dúvidas e ter suporte Plataforma
1
.carousel-item img{ width: 100% !important; } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 10px; padding-left: 0px !important; } .carousel-item{ border-radius: 15px !important; }.carousel-item, img{ border-radius: 15px !important; box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3); } 
  <div class="col-6">
  
    <div id="carousel-0" class="carousel slide" data-ride="carousel">
         
         
          <div class="carousel-inner" role="listbox">
  
            <div class="carousel-item active">
              <img class="d-block img-fluid" src="https://picsum.photos/400/300/?image=421" alt="slide">
            </div>
            

            <div class="carousel-item">
              <img class="d-block img-fluid" src="https://picsum.photos/400/300/?image=432" alt="slide">
            </div>
            
            <div class="carousel-item">
              <img class="d-block img-fluid" src="https://picsum.photos/400/300/?image=443" alt="slide">
            </div>
            <div class="carousel-item">
              <img class="d-block img-fluid" src="https://picsum.photos/400/300/?image=443" alt="slide">
            </div>

          </div><!-- e carousel-inner -->
          
         
          
    </div><!-- e carousel -->
  
  </div><!-- e col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 -->
  
  <div class="col-6 mb-2">
  
    <div id="carousel-1" class="carousel slide" data-ride="carousel">
         
     
         
          <div class="carousel-inner" role="listbox">
  
            <div class="carousel-item active">
              <img class="d-block img-fluid" src="https://picsum.photos/400/300/?image=424" alt="slide">
            </div>
            
            <div class="carousel-item">
              <img class="d-block img-fluid" src="https://picsum.photos/400/300/?image=435" alt="slide">
            </div>
            
            <div class="carousel-item">
              <img class="d-block img-fluid" src="https://picsum.photos/400/300/?image=446" alt="slide">
            </div>

          </div><!-- e carousel-inner -->
         
          
    </div><!-- e carousel -->
  
  </div><!-- e col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 -->
  
  <div class="col-6 mb-2">
  
    <div id="carousel-2" class="carousel slide" data-ride="carousel">

         
          <div class="carousel-inner" role="listbox">
  
            <div class="carousel-item active">
              <img class="d-block img-fluid" src="https://picsum.photos/400/300/?image=427" alt="slide">
            </div>
            
            <div class="carousel-item">
              <img class="d-block img-fluid" src="https://picsum.photos/400/300/?image=100" alt="slide">
            </div>
            
            <div class="carousel-item">
              <img class="d-block img-fluid" src="https://picsum.photos/400/300/?image=449" alt="slide">
            </div>

          </div><!-- e carousel-inner -->
          
      
          
    </div><!-- e carousel -->
  
  </div><!-- e col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3-->
  
  <div class="col-6 mb-2">
  
    <div id="carousel-3" class="carousel slide" data-ride="carousel">
         
 
         
          <div class="carousel-inner" role="listbox">
  
            <div class="carousel-item active">
              <img class="d-block img-fluid" src="https://picsum.photos/400/300/?image=424" alt="slide">
            </div>
            
            <div class="carousel-item">
              <img class="d-block img-fluid" src="https://picsum.photos/400/300/?image=233" alt="slide">
            </div>
            
            <div class="carousel-item">
              <img class="d-block img-fluid" src="https://picsum.photos/400/300/?image=448" alt="slide">
            </div>

          </div><!-- e carousel-inner -->
          
        
          
    </div><!-- e carousel -->
  
  </div><!-- e col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 -->
</div><!-- e row -->
2

@felipeds isso funcionaria no aplicativo?

1 curtida
3

Já tentou incorporar o js do slider ?

4

Deu certo eu fiz um teste e o slide carousel rodou.
eu consegui inserindo uma página da web que incorpora o JS slider, não sei se essa solução atende suas necessidades, mas através da inserção de uma aba página da web é possível rodar o evento JS.
Dá uma plhada nesta versão teste https://app.vc/fingershop

5

Sim só que o slide dentro da fabrica não funciona

6

Sim de isso eu sei. mas eu quero usar ele dentro da Lista no editor da lista me parece que nem todas propriedades do css ele roda, e nem js