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
    1386
    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

      Hi @adebayoade
      Can you please elaborate?

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

        @admin The category products carousel slider becomes invisible on mobile screen. a5565bf0-1b86-4de0-a6cf-c8cdcb3c3546-image.png

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