Bagisto Forum

    Bagisto

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

    Products category carousel slider showing only on large screen

    General Discussion
    3
    14
    1385
    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 @admin last edited by

      @admin Version 1.2

      1 Reply Last reply Reply Quote 0
      • admin
        admin last edited by

        Hi @adebayoade
        This issue is fixed in bagisto V1.4.2 Please find the screenshot Here

        A 1 Reply Last reply Reply Quote 0
        • A
          adebayoade @admin last edited by adebayoade

          @admin Is there code to fix the issue? I can't upgrade Bagisto version at the moment.

          1 Reply Last reply Reply Quote 0
          • admin
            admin last edited by

            Please allow me some time I will share the PR link as soon as possible.

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

              Hi @adebayoade
              Please take a reference from here for the same

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

                @sanjay-webkul Thanks for the response but the code structure of my version is different and I don't know how to implement the fix.

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

                  Hi There,
                  Please take a reference from here

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

                    @sanjay-webkul Thank you.

                    1 Reply Last reply Reply Quote 0
                    • A
                      adebayoade last edited by

                      My products carousal heading is getting duplicated across the home page. I have three different blade files for fashion, mobile phones and electronics so the heading should be different. I created a custom header because of the added customization. Kindly check the picture and code below.
                      cb742003-b2b8-4574-aa8c-338e38a21253-image.png

                      <template v-else-if="categoryProducts.length > 0">
                      	
                          <div
                      		class="p-4 mb-5 flex justify-content-between"
                      		style="background: rgba(163, 191, 244, 0.3)"
                          >
                      		<h1 class="heading">Fashion <i class="fas fa-tshirt"></i></h1>
                      
                      		<h2 class="text-3xl text-gray font-bold">
                      			<a :href="`${this.baseUrl}/${categoryDetails.slug}`">See all </a
                      			><span id="icon">
                      				<i
                      					style="background: #FFE600"
                      					class="rounded-pill fa fa-arrow-right"
                      					aria-hidden="true"
                      				></i>
                      			</span>
                      		</h2>
                      	</div>
                      
                      	<div class="carousel-products vc-full-screen ltr" v-if="!isMobileView">
                      		<carousel-component
                      			slides-per-page="6"
                      			navigation-enabled="hide"
                      			pagination-enabled="hide"
                      			autoplay="true"
                      			:slides-count="categoryProducts.length"
                      			locale-direction="{{ core()->getCurrentLocale()->direction == 'rtl' ? 'rtl' : 'ltr' }}"
                      			:id="`${categoryDetails.name}-carousel`"
                      		>
                      			<slide
                      				:key="index"
                      				:slot="`slide-${index}`"
                      				v-for="(product, index) in categoryProducts"
                      			>
                      				<product-card :list="list" :product="product"> </product-card>
                      			</slide>
                      		</carousel-component>
                      	</div>
                      
                      	<div class="carousel-products vc-small-screen" v-else>
                      		<carousel-component
                      			slides-per-page="2"
                      			navigation-enabled="hide"
                      			pagination-enabled="hide"
                      			autoplay="true"
                      			loop="true"
                      			autoplayHoverPause="false"
                      			:slides-count="categoryProducts.length"
                      			locale-direction="{{ core()->getCurrentLocale()->direction == 'rtl' ? 'rtl' : 'ltr' }}"
                      			:id="`${categoryDetails.name}-carousel`"
                      		>
                      			<slide
                      				:key="index"
                      				:slot="`slide-${index}`"
                      				v-for="(product, index) in categoryProducts"
                      			>
                      				<product-card :list="list" :product="product"> </product-card>
                      			</slide>
                      		</carousel-component>
                      	</div>
                      </template>
                      
                      
                      1 Reply Last reply Reply Quote 0
                      • admin
                        admin last edited by

                        Hi There,
                        Please check your code, I guess something is wrong with your code.

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