Categories
Mastering Development

JQuery + Slick Slider and ACF for WordPress

I am trying to create a testimonial slider via WordPress using ACF repeater and slick slider. My results are showing in multiple rows instead of slider. i tried many ways but none seem to work and been stuck on this for days. Did i miss something essential in the entire process? How does one hide […]

Categories
CMS Magento Mastering Development

Update Magento2 Catalog Images on Swatch Selected

Basically i written my own gallery page so when ever a configurable product with color swatches is available , it is not showing different color images when user selects that particular swatch. <?php /** * * */ /** * Product media data template * * @var $block */ $gallery_images = json_decode($block->getGalleryImagesJson()); $_product = $block->getProduct(); $videoFile=$_product->getData(‘agreement_file’); […]

Categories
CMS Magento Mastering Development

Adding slick carousel to Magento 2 homepage

I’m having an issue with what I think should be a basic thing but I’m obviously doing something wrong, all I want to do is have a basic banner slider using slick slider jquery plugin. I have a custom theme working fine and I’ve downloaded the slick.min.js to app/design/frontend/Pyxis/pyxistheme/web/js/slick.min.js I have then created the requirejs-config.js […]

Categories
CMS Mastering Development Wordpress

Adding Custom Slider

I having a few issues adding code to functions.php to implement a custom slider. The code is below. I’m struggling to find out what I am doing wrong. // Slick Slider wp_enqueue_script( ‘slick-js’, get_stylesheet_directory_uri() . ‘/assets/js/slick.min.js’, array(‘jquery’), filemtime(get_stylesheet_directory() . ‘/assets/js/slick.min.js’), true); wp_enqueue_style( ‘slick’, get_stylesheet_directory_uri() . ‘/assets/css/slick.css’, array(), filemtime(get_stylesheet_directory() . ‘/assets/css/slick.css’), false ); wp_enqueue_style( ‘slick-theme’, get_stylesheet_directory_uri() […]

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

Slick slider with ajax not working

I am trying to follow this answer but for me its not working perfectly I created custom phtml & block which will show the product slick slider, till time is working perfectly, but after the use of ajax, console showing POST 500 (Internal Server Error) Here is my identifier.phtml <div class=”wrapper-custom”> <div class=”products wrapper <?= […]

Categories
Development

Slick responsive broken

My problem is : I used slick many times on a page, it works pretty well, but whenever I’m not in full screen, it only show the pictures of the first diapo. What I mean is you can see all the diapos, but if you click once, you’ll see the gallery, and if you leave […]

Categories
Development

How to expand width of hovered slide in slick slider and set spacing for the first item?

Am trying to do a netflix like slider but with different hover effect. Here’s how the mockups look https://pasteboard.co/IGwDwLE.png I also wonder why it gets off once I set the variablewidth:true for slidesToShow config. I’d also like to have a spacing for the first item and when the user hit the next item i’ll fill […]

Categories
Development

Errors with React Image Preload and React-Slick

The problem: I’m using react-slick in conjunction with react-preload-image (latest versions on both) to create a page with multiple slider rails. The idea is to show my portfolio by category, so I’m listing out each category using react-slick to display images and react-preload-image to show the preload image and then the portfolio image. The good […]