Month: December 2021

Svelte Reactivity

In Svelte you can listen for changes in the component state, and update other variables. For example if you have a count variable: and you update it by clicking a button: You can listen for changes on count using the special syntax $: which defines a new block that Svelte will re-run when any variable referenced into it changes. Here’s an… Continue reading Svelte Reactivity

Handling State in Svelte

Every component, in addition to defining the markup, the CSS and the JavaScript logic, can host its own state. What is state? State is any data that’s needed to make the component render what it’s rendering. For example, if a form input field has the string “test” written into it, there’ll be a variable somewhere holding… Continue reading Handling State in Svelte

Magento Adding custom class name and validations using layout processor

For adding custom classes to the fieldset in the shipping adding and billing address page we may use the layout processor plugin to execute this. For installing layoutprocessor plugin we need to create a php file in the following location: app/code/JJ/Catalog/Plugin/Checkout/Block/LayoutProcessor.php Here is a example to change the label of the street address to Address… Continue reading Magento Adding custom class name and validations using layout processor

How to override a Magento sign in page

First of all we need to go to /var/www/html/nb/vendor/magento/module-customer and we need to override 2 files namely var/www/html/nb/vendor/magento/module-customer/view/frontend/layout/customer_account_create.xml and /var/www/html/nb/vendor/magento/module-customer/view/frontend/templates/form/register.phtml file to the template and layout files of var/www/html/nb/app/design/frontend/JJ/Theme/Magento_Customer. And then we will get a standard signin page that is provided by magento and using css styling we can make it according to our design… Continue reading How to override a Magento sign in page

Published
Categorized as Magento

How to implement slick slider in Magento

first of all, we need to add slick.js, slick-theme.min.css, slick.min.css in the CSS and js folders of Magento _ui respectively. Then create a custom js file and add the following js code for now I named it sliders.js define([ ‘jquery’, ‘slick’ ],function ($, slick){ $(document).ready(function(){ $(‘.marquee’).slick({ infinite: true, slidesToShow: 3, slidesToScroll: 3, responsive: [ {… Continue reading How to implement slick slider in Magento

Published
Categorized as Magento

Placeholder image in magento input field

Adding image in the field to increase the style of the input field. It can be done by overriding current page xml and phtml to custom theme module. For example adding a mail icon in the email field Module Overriding >>> app/design/frontend/Module_name/Theme/Magento_Customer/templates/form/login.phtml Code: CSS: Like this we can add images to input fields.

Items are not showing on the web store.

1 Display in Website should be checked 2 Item record must have online/base price set 3 If Show Uncategorized Items is not checked (Commerce > Websites > Website List > under Setup tab), make sure the item record has an assigned site category under Web Store tab > Web Site Categories subtab. Please take note: If an account has multi-site set up, an item assigned to at… Continue reading Items are not showing on the web store.