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
    1384
    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.
    • admin
      admin last edited by

      @adebayoade said in Products category carousel slider showing only on large screen:

      carousel slider

      @adebayoade
      Which version of bagisto are you using?

      A 1 Reply Last reply Reply Quote 0
      • 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