activate next and privous button of owl-slider using jquery

85
November 30, 2020, at 12:30 PM

hello i am new in laravel i am displaying product on silder it works fine but my next and privous button is not working. How can i work on next and previous button its customize code.. not bootstrap slider. need help

controller:

$feature_product = DB::table('sub_categories')
        ->join('categories','sub_categories.category_id','=','categories.category_id')
        ->join('products','sub_categories.subcategory_id','=','products.subcategory_id')
        ->select('products.*','categories.category_name','sub_categories.subcategory_name')
        ->where('feature_product_status',1)
        ->get();

blade file:

<div class="ps-section ps-section--top-sales ps-owl-root pt-40 pb-80">
        <div class="ps-container">
          <div class="ps-section__header mb-50">
            <div class="row">
                  <div class="col-lg-9 col-md-9 col-sm-12 col-xs-12 ">
                    <h3 class="ps-section__title" data-mask="">-Features Products</h3>
                  </div>
                  <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 ">
                    <div class="ps-owl-actions"><a class="ps-prev" href="#"><i class="ps-icon-arrow-right"></i>Prev</a><a class="ps-next" href="#">Next<i class="ps-icon-arrow-left"></i></a></div>
                  </div>
            </div>
          </div>
          <div class="ps-section__content">
            <div class="ps-owl--colection owl-slider" data-owl-auto="true" data-owl-loop="true" data-owl-speed="5000" data-owl-gap="30" data-owl-nav="true" data-owl-dots="false" data-owl-item="4" data-owl-item-xs="1" data-owl-item-sm="2" data-owl-item-md="3" data-owl-item-lg="4" data-owl-duration="1000" data-owl-mousedrag="on">
            @foreach($feature_product as $product_data)
              <div class="ps-shoes--carousel">
                <div class="ps-shoe">
                  <div class="ps-shoe__thumbnail">
                    <div class="ps-badge"><span>New</span></div><a class="ps-shoe__favorite" href="#"><i class="ps-icon-heart"></i></a><img src="{{env('IMAGE_URL')}}/images/{{$product_data->product_single_image}}" alt=""><a class="ps-shoe__overlay" href="{{ route('productDetail',strtolower($product_data->product_slug))}}"></a>
                  </div>
                  <div class="ps-shoe__content">
                    <div class="ps-shoe__variants">
                      <div class="ps-shoe__variant normal">
                            <?php
                               $images=[]; 
                               $images = explode(",",$product_data->product_multiple_image);
                             ?>
                             @foreach($images as $image)
                              <img src="{{env('IMAGE_URL')}}/images/{{$image}}" alt="">
                             @endforeach
                       </div>
                      <select class="ps-rating ps-shoe__rating">
                        <option value="1">1</option>
                        <option value="1">2</option>
                        <option value="1">3</option>
                        <option value="1">4</option>
                        <option value="2">5</option>
                      </select>
                    </div>
                    <div class="ps-shoe__detail"><a class="ps-shoe__name" href="#">{{$product_data->product_name}}</a>
                      <p class="ps-shoe__categories"><a href="#">{{ $product_data->category_name}}</a>,<a href="#">{{ $product_data->subcategory_name}}</a>,<a href="#">{{ $product_data->product_name}}</a></p><span class="ps-shoe__price">{{$product_data->product_price}} Rs.</span>
                    </div>
                  </div>
                </div>
              </div>
              @endforeach
            </div>
          </div>
        </div>
      </div>
READ ALSO
QueryDsl instead of MongoTemplate

QueryDsl instead of MongoTemplate

Could you please help me find out how to include the mongo collection name to a QueryDsl query?

68
Javascript sort an array of strings that containing numbers

Javascript sort an array of strings that containing numbers

I'm trying to sort an array of string that sometimes contain numbers

69
Maxima Segmentation Fault PHP exec() on Ubuntu 20.04

Maxima Segmentation Fault PHP exec() on Ubuntu 20.04

Update: by redirecting stderr from php exec, I can now see that running maxima produces a segmentation fault, increasing the likelihood that this is in fact a bug

66
How to programmatically to capture iOS camera app FROM Android custom app.? (connect via Bluetooth.) [closed]

How to programmatically to capture iOS camera app FROM Android custom app.? (connect via Bluetooth.) [closed]

Want to improve this question? Update the question so it focuses on one problem only by editing this post

77