Bagisto Forum

    Bagisto

    • Register
    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups

    Issue with Custom Carousel

    General Discussion
    2
    2
    132
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • A
      adebayoade last edited by adebayoade

      Good day, I am trying to create a custom slider using Vue Carousel which has already been implemented and registered global in velocity app.js file. I am able to call the global component following the carousel documentation website.

      The issue is that the slider does not show up on the front-end unless I click on the page. I think this is Bagisto related.

      How do I fix this? Thanks.

      @push('scripts')
          <script type="text/x-template" id="top-stores-template">
              <div class="mb-4">
                  <carousel>
                      <slide>
                        Slide 1 Content
                      </slide>
                      <slide>
                        Slide 2 Content
                      </slide>
                    </carousel>
              </div>
          </script>
      
          <script type='text/javascript'>
              (() => {
                  Vue.component('top-stores', {
                      template: '#top-stores-template',
                      props: ['direction'],
                  })
              })()
          </script>
      @endpush
      

      https://ssense.github.io/vue-carousel/guide/

      1 Reply Last reply Reply Quote 0
      • sanjay-webkul
        sanjay-webkul last edited by

        Hi there,
        Is it possible to share your instance ?

        1 Reply Last reply Reply Quote 0
        • First post
          Last post