Categories
Mastering Development

Show two images at a time with slick slider?

Basically I’m trying to have two images displaying at once on the slider. See the screenshot for my current result. I want another image to the right of that. here’s my JS – I thought I just needed to add slidesToShow: 2; to get this to work? $(“.designs_slider_double”).slick({ autoplay: true, fade: true, arrows: false, dots: […]

Categories
CMS Magento Mastering Development

Owl Carousel v2.3.4 not autoplaying

I have added owl carousel js and css to my site and now trying to get it for a homepage banner slider. My issue is I can drag the banner images left and right however they do not auto-slide by themselves. I am not sure why I have autoplay set in the js. Here is […]

Categories
Mastering Development

Auto Bootstrap Modal / Dialog Box after Page load is not working

I am using Django Web Framework. And trying to put Dialog box / Bootstrap modal Following is my Modal code which is not working. <!– ======= Modal ======= –> <div class=”bs-example”> <div id=”myModal” class=”modal fade” tabindex=”-1″> <div class=”modal-dialog”> <div class=”modal-content”> <div class=”modal-header”> <h5 class=”modal-title”>Confirmation</h5> <button type=”button” class=”close” data-dismiss=”modal”>&times;</button> </div> <div class=”modal-body”> <p>Do you want to […]

Categories
Mastering Development

Can I use different pictures in Owl Carousel 2 depending on screen size?

I have Owl Carousel 2.3.4 in my project and Pug as JS templating engine. I need to show different images in desktop and mobile versions. URLs for images are added dynamically from database (3 images in promoSliderImgs and 3 urls in promoSliderMobile). For now, I’ve made two carousels which are shown according to screen size […]

Categories
CMS Development Wordpress

How to fix this error? “FATAL ERROR syntax error, unexpected ‘<', expecting elseif (T_ELSEIF) or else (T_ELSE) or endif (T_ENDIF) on line number 88"

I’m getting an error at the 88th line “FATAL ERROR syntax error, unexpected ‘<‘, expecting elseif (T_ELSEIF) or else (T_ELSE) or endif (T_ENDIF)” It broke my site, how can I fix it? (I’m new to coding) Thank you!! <?php /** * Related Products * * @see https://docs.woocommerce.com/document/template-structure/ * @author WooThemes * @package WooCommerce/Templates * @version […]

Categories
CMS Development Magento

Magento 2:Uncaught TypeError: $(…).slick is not a function Slick slider

File: gallery.phtml Path: Magento/module-catalog/view/frontend/templates/product/view/gallery.phtml <link rel=”stylesheet” type=”text/css” href=”https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.css”> <link rel=”stylesheet” href=”https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css”> <?php $someJSON = $block->getGalleryImagesJson(); $someArray = json_decode($someJSON, true); ?> <div class=”container”> <div class=”row”> <div class=”col-sm-8″> <div class=”videos-slider-2″> <div> <?php foreach ($someArray as $value => $key){ ?> <div class=”bs-overlay”> <img src=”<?= /* @noEscape */ $key[‘full’] ?>” alt=”” /> </div> <?php }?> </div> </div> <div class=”slider-nav-thumbnails”> […]

Categories
Development

How to activate a cdn slick-carousel?

I am trying to use a slick-carousel with the link of CDN inside JavaScript tags above the closing body tag. However the link matches the one on the official website:https://cdnjs.com/libraries/slick-carousel, it does not work. It used to work properly before I fished creating a email system with PHPMailer. I do not know what causes this […]

Categories
CMS Development Wordpress

Split Slick Slideshow add Autoplay

I found a slider I liked at: https://codepen.io/supah/pen/zZaPeE The only thing I’d like to add is an autoplay feature. The good thing is it uses Slick slideshow, which has an autoplay feature, so I thought this was going to be easy. I added the autoplay argument, which worked, but some of the transitions match up […]

Categories
Development jQuery

scroll spy need to click 2 times for getting the right area

I used scroll spy on the navbar. So when I click a link it goes straight to the clicked link section by animating the page. But the problem is when I click SERVICES link it first take a little bit lower from the div then when I click again on the link then it takes […]

Categories
Development jQuery

scroll spy need to click 2 times for getting the right area

I used scroll spy on navbar. So when I click a link it goes straight to the clicked link section by animating the page. But the problem is when I click SERVICES link it first take a little bit lower from the div then when I click again on the link then it takes me […]