Author: Pinky Jacob

First, we have a button. Clicking it will display a pop-up. <button id=”modal-btn”>Open Modal</button> Create content for popup <div id=”modal-content”> <div class=”modal-inner-content”> <h2>Modal Title</h2> <p>Modal content…..</p> </div> </div> Use Magento 2 modal widget We now need to require both jQuery and jQuery UI. To do this, within your JS script, add the following code: <script>… Continue reading How to create and call modal popup widget in Magento 2

You can use \Magento\Customer\Model\Session to get the current customer id. First import this class to get the customer session, after this you will be able to get the customer session data. Here is an example how to get the customer id from customer session – Magento 2 Get Current Customer Id Example: <?php namespace Tutorialsplane\HelloWorld\Controller\Index; class Index… Continue reading How to Get Logged in Customer Data in Magento 2

Step1: Follow these steps to create a module: Create the module folder. Create the etc/module.xml file. Create the registration.php file. Run the bin/magento setup:upgrade script to install the new module. Check if the module is working. Method To Add A Column To Existing Database Table In Magento 2: Step 1: Create a file called ‘InstallSchema.php’ in the setup folder of the module,… Continue reading How to Create a Custom Module and To Add A Column To Existing Database Table In Magento 2

How to disable product image preview in fullscreen when clicking in Magento 2. If we want to disable the image moving to full-screen function. I tried to change this code in view.xml . Clear Cache to see changes, php bin/magento setup:upgrade php bin/magento setup:di:compile php bin/magento setup:static-content:deploy -f

With the Bank Transfer payment method, a store owner can accept the payment for customer’s purchase through the bank transfer in Magento 2. In this method, a customer transfers the payment for his purchase from his account to the merchant bank account. To set up the Bank Transfer as a payment method, follow the below… Continue reading How to set up a Bank Transfer payment method in Magento 2?

You can see people browsing your website under Customers -> Now Online. Control elements The Customers Now Online screen offers only several control elements. You don’t have either a standard search field on the top left above the grid or a dropdown with actions below.  However, the top right area above the Customers Now Online grid lets you apply filters, switch… Continue reading Customers Now Online

Go to Stores – Attributes – Product and click on the Color Attribute option. From here, you can configure all the available color swatch settings: Catalog Input Type for Store Owner — allows you to define the input type. You can select from the Dropdown Menu, Visual Swatch and Text Swatch. Update Product Preview Image — updates the product… Continue reading How to Configure Swatches in Magento 2

All has changed in Magento 2. After you create Magento 2 configurable product, it doesn’t calculate price mark-ups coming from a simple product super attribute. Now configurable Magento product price is ignored and the simple product price is taken into consideration. In so doing, each child product has its price, which is shown on the… Continue reading How to add Magento 2 configurable product price?

6 Steps to Configure Design Settings: Step 1: Access to Content Step 2: Configure the design settings Step 3: Change the Default Theme Step 4: Change the Theme Step 5: Edit Design Configuration Step 6: Complete, Click Save Configuration Step 1: Access to Content On the Admin Sidebar, click Content Select Design Then, select Configuration Step 2: Configure the… Continue reading Magento 2 Configure Design: HTML Head, Header, Footer, Transactional Emails