Envato Market
Code
Guest Cart
0
Create an Envato Account Sign In
Cart

Discussion on Bootstrap 4 Carousel Responsive jQuery Plugin

Discussion on Bootstrap 4 Carousel Responsive jQuery Plugin

By
Cart 200 sales

szthemes supports this item

Supported

This author's response time can be up to 1 business day.

26 comments found.

totsamax

totsamax Purchased

over 7 years ago

Hi there! Is it possible to use this plugin with webpack 4? Is export provided?

szthemes Author

over 7 years ago

Hi,

Thanks for taking interest. No it is not compatible with webpack 4.

Regards,
szthemes
szthemes53@gmail.com
elanticuado

elanticuado

almost 8 years ago

Awesome carousel plugin. Presale question — I would like to implement your plugin in a WordPress theme. Is this type of implementation fairly straightforward and can you provide support/guidance for it?

szthemes Author

almost 8 years ago

Hi,

Thanks for taking interest. It is simple jquery version of plugin and it is not possible to embed it in a WordPress theme.

Regards,
szthemes
szthemes53@gmail.com
simonsu

simonsu Purchased

almost 8 years ago

hi, how to add more row with the left and right control :) i try to change the href=”#portfolio_076_mov_all_col_6” seem wont work, thanks

szthemes Author

almost 8 years ago

Hi,

Thanks for using our product. You can create a new row by just adding the following code : 

<!-- Slide -->
<div class="carousel-item">
    <div class="row"> <!-- .row -->

        <!-- 1st Box -->
        <div class="col-12 col-sm-4 col-md-2 portfolio_076_grid"> <!-- Inner Grid -->
            <div class="portfolio_076_wrapper"> <!-- Wrapper -->

                <!-- Image -->
                <img src="#" alt="portfolio_076_01" />

                <!-- Text Content -->
                <div class="portfolio_076_content">
                     <h5><a href="#">paradise slider</a></h5>
                     <ul>
                         <li><a href="#">responsive,</a></li>
                         <li><a href="#">creative,</a></li>
                         <li><a href="#">unique</a></li>
                     </ul>
                     <div class="portfolio_076_link"> <!-- Icons -->
                         <a href="#"><span class="fa fa-link" /></a>
                         <a href="#"><span class="fa fa-search" /></a>
                     </div> <!-- /Icons -->
                 </div> <!-- /Text Content -->

             </div> <!-- /.portfolio_076_wrapper -->
         </div> <!-- /Inner Grid -->
         <!-- /1st Box -->

        <!-- 2nd Box -->
        <div class="col-12 col-sm-4 col-md-2 portfolio_076_grid"> <!-- Inner Grid -->
            <div class="portfolio_076_wrapper"> <!-- Wrapper -->

                <!-- Image -->
                <img src="#" alt="portfolio_076_01" />

                <!-- Text Content -->
                <div class="portfolio_076_content">
                     <h5><a href="#">paradise slider</a></h5>
                     <ul>
                         <li><a href="#">responsive,</a></li>
                         <li><a href="#">creative,</a></li>
                         <li><a href="#">unique</a></li>
                     </ul>
                     <div class="portfolio_076_link"> <!-- Icons -->
                         <a href="#"><span class="fa fa-link" /></a>
                         <a href="#"><span class="fa fa-search" /></a>
                     </div> <!-- /Icons -->
                 </div> <!-- /Text Content -->

             </div> <!-- /.portfolio_076_wrapper -->
         </div> <!-- /Inner Grid -->
         <!-- /2ndBox -->

        <!-- 3rd Box -->
        <div class="col-12 col-sm-4 col-md-2 portfolio_076_grid"> <!-- Inner Grid -->
            <div class="portfolio_076_wrapper"> <!-- Wrapper -->

                <!-- Image -->
                <img src="#" alt="portfolio_076_01" />

                <!-- Text Content -->
                <div class="portfolio_076_content">
                     <h5><a href="#">paradise slider</a></h5>
                     <ul>
                         <li><a href="#">responsive,</a></li>
                         <li><a href="#">creative,</a></li>
                         <li><a href="#">unique</a></li>
                     </ul>
                     <div class="portfolio_076_link"> <!-- Icons -->
                         <a href="#"><span class="fa fa-link" /></a>
                         <a href="#"><span class="fa fa-search" /></a>
                     </div> <!-- /Icons -->
                 </div> <!-- /Text Content -->

             </div> <!-- /.portfolio_076_wrapper -->
         </div> <!-- /Inner Grid -->
         <!-- /3rdBox -->

        <!-- 4th Box -->
        <div class="col-12 col-sm-4 col-md-2 portfolio_076_grid"> <!-- Inner Grid -->
            <div class="portfolio_076_wrapper"> <!-- Wrapper -->

                <!-- Image -->
                <img src="#" alt="portfolio_076_01" />

                <!-- Text Content -->
                <div class="portfolio_076_content">
                     <h5><a href="#">paradise slider</a></h5>
                     <ul>
                         <li><a href="#">responsive,</a></li>
                         <li><a href="#">creative,</a></li>
                         <li><a href="#">unique</a></li>
                     </ul>
                     <div class="portfolio_076_link"> <!-- Icons -->
                         <a href="#"><span class="fa fa-link" /></a>
                         <a href="#"><span class="fa fa-search" /></a>
                     </div> <!-- /Icons -->
                 </div> <!-- /Text Content -->

             </div> <!-- /.portfolio_076_wrapper -->
         </div> <!-- /Inner Grid -->
         <!-- /4th Box -->

        <!-- 5th Box -->
        <div class="col-12 col-sm-4 col-md-2 portfolio_076_grid"> <!-- Inner Grid -->
            <div class="portfolio_076_wrapper"> <!-- Wrapper -->

                <!-- Image -->
                <img src="#" alt="portfolio_076_01" />

                <!-- Text Content -->
                <div class="portfolio_076_content">
                     <h5><a href="#">paradise slider</a></h5>
                     <ul>
                         <li><a href="#">responsive,</a></li>
                         <li><a href="#">creative,</a></li>
                         <li><a href="#">unique</a></li>
                     </ul>
                     <div class="portfolio_076_link"> <!-- Icons -->
                         <a href="#"><span class="fa fa-link" /></a>
                         <a href="#"><span class="fa fa-search" /></a>
                     </div> <!-- /Icons -->
                 </div> <!-- /Text Content -->

             </div> <!-- /.portfolio_076_wrapper -->
         </div> <!-- /Inner Grid -->
         <!-- /5th Box -->

        <!-- 6th Box -->
        <div class="col-12 col-sm-4 col-md-2 portfolio_076_grid"> <!-- Inner Grid -->
            <div class="portfolio_076_wrapper"> <!-- Wrapper -->

                <!-- Image -->
                <img src="#" alt="portfolio_076_01" />

                <!-- Text Content -->
                <div class="portfolio_076_content">
                     <h5><a href="#">paradise slider</a></h5>
                     <ul>
                         <li><a href="#">responsive,</a></li>
                         <li><a href="#">creative,</a></li>
                         <li><a href="#">unique</a></li>
                     </ul>
                     <div class="portfolio_076_link"> <!-- Icons -->
                         <a href="#"><span class="fa fa-link" /></a>
                         <a href="#"><span class="fa fa-search" /></a>
                     </div> <!-- /Icons -->
                 </div> <!-- /Text Content -->

             </div> <!-- /.portfolio_076_wrapper -->
         </div> <!-- /Inner Grid -->
         <!-- /6th Box -->

    </div> <!-- /.row -->
</div> <!-- /item -->
<!-- End of Slide -->

Remember the above code will only work with bootstrap 4.

Regards,
szthemes
szthemes53@gmail.com
simonsu

simonsu Purchased

almost 8 years ago

OMG sorry, i try but not working, i just email to you, please help. thanks alot

tomhatzer

tomhatzer Purchased

almost 8 years ago

Thanks for this awesome carousel plugin!

I’ve got a little question about the Paradise Slider for Bootstrap 4: Would it be possible to make the effects from animate.css chainable?

E.g. I’ve got the text element and would like it to have 2 effects, one for the slide-in and one for the slide-out, for example I’d be using “fadeInUp” for the initial effect and “fadeOutUp” for the exiting effect.

Would that be possible?

I’ve read something in the animate.css github repository that it would be doable while modifying the javascript… https://github.com/daneden/animate.css/issues/812

Thank you very much!

szthemes Author

almost 8 years ago

Hi,

Thanks for using our product. Unfortunately it is not possible. You can only apply effects on elements when slide-in.

Regards,
szthemes
szthemes53@gmail.com
tomhatzer

tomhatzer Purchased

almost 8 years ago

Hmmm ok… Would it be possible to get the non-minified version of the paradise_slider_min.js file then?

szthemes Author

almost 8 years ago

Yes Please send us an email and we will provide you as soon as possible.

Bull-Theme

almost 8 years ago

Great Work, Congratulations GLWS :)

szthemes Author

almost 8 years ago

Thank you very much for your kind words

ManasaTheme

almost 8 years ago

Nice Work,

Congratulations! Good Luck With Sale :grin:

szthemes Author

almost 8 years ago

Thank you very much for your kind words

Regular License
Regular License Selected
$14

Use, by you or one client, in a single end product which end users are not charged for. The total price includes the item price and a buyer fee.

Extended License
$49

Use, by you or one client, in a single end product which end users can be charged for. The total price includes the item price and a buyer fee.

View license details

$14
  • Included: Quality checked by Envato
  • Included: Future updates
  • Included: 6 months support from szthemes More Info

Price is in US dollars and excludes tax and handling fees

View Portfolio
© All Rights Reserved szthemes
Contact the Envato Market Help Team
Elements logo

Your all-in-one
creative subscription

ai lab AI tools, with the best AI models
perpetual Unlimited downloads on stock assets

Subscribe to Envato Elements.

Collage of Elements items
by
Price is in US dollars and excludes tax and handling fees
by
Price is in US dollars and excludes tax and handling fees
by
Price is in US dollars and excludes tax and handling fees
by
Price is in US dollars and excludes tax and handling fees
by
Price is in US dollars and excludes tax and handling fees
by
Price is in US dollars and excludes tax and handling fees

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey