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
Mastering Development

Changing column on a HTML Page

I have a code i need advice i wanna keep it exactly the same as it is right now except the main video box i wanna make the width smaller and then i wanna add another one beside it with a iframe code so i can add a chatbox here is the code <html5> <head> […]

Categories
Mastering Development

Vimeo video with a custom unmute button using a video tag

Currently I’m autoplaying a video on page load from a Vimeo direct link with am html5 <video> tag, this loads the video really quick on the page and the poster attribute also helps for perceived loading time: <video id=”video” poster=”abc.jpeg?$staticlink$” playsinline muted> <source type=”video/mp4″ src=”https://player.vimeo.com/external/408636.hd.mp4?s=1552e499fb1e3aa2bf881c2ae762aa23988b5d&profile_id=175″> </video> Now I want a way to unmute this using […]

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
CMS Mastering Development Wordpress

How to pass data to javascript in custom widget class

I have a custom widget where the user can insert an username in an <input> field. It’s working fine, but I need to get the insetred value from php and pass it to the javascript file that is enqueued with my widget plugin. I’m testing with wp_localize_script but it will not work and I’m unable […]

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 Magento

How can I display the “Add to wish list” button on products’ slider?

I have this phtml file with the following code : <?php /** * Copyright © 2016 Magento. All rights reserved. * See COPYING.txt for license details. */ // @codingStandardsIgnoreFile $randomSlideId = rand(1000, 10000); ?> <script> require([ ‘jquery’, ‘Eadesigndev_Slider/js/owlcarousel’, ‘domReady!’ ], function ($) { $(“#ctslider_products_list_<?php echo $randomSlideId?>”).owlCarousel({ nav: true, dots: false, loop: true, items: 3, autoplay: […]

Categories
Development

Custom effect that simulates a 3d wheel with Swiper 5

I need to build a carousel with 12 items that simulates a 3d wheel rotating infinitely. To be clear, I need to create precisely this effect: https://codepen.io/SitePoint/pen/yXWXaw (found here) but with these adding features: the swipe interactions on mobile the free scroll the snap on the slides, cause I will need to have a single […]

Categories
Development

Get properly sized brand logos in a carousel

I’m trying to achieve an automatic resizing of different brand logos for a company website I’m designing, inside an Own Carousel. The idea is for each logo to be of reasonable size. Most of the logos are in SVG formats, available at https://wetransfer.com/downloads/44eb123d186e30519edc2d025dafd03420200110231646/112373 (for a week) : as you would see, they have a wide […]