Category: magento 2.x

Diagramming software allows users to create detailed diagrams – such as flow charts and floor plans – out of data and images. Diagramming tools often include templates for building diagrams in addition to enabling users to create diagrams from scratch

The following steps define Top Best Diagramming Software Architecture Tools

Step [1] – Diagrams.net:: Diagrams.net (formerly draw.io) is a collaborative online diagramming tool with an offline desktop app for added security.

It includes features such as:

• Real-time collaboration
• Offline desktop app
• Store diagrams locally in the browse
• Storage in Google Drive, Sharepoint, OneDrive, GitHub, GitLab, Dropbox or Notion
• Support for UML, C4, ArchiMate, BPMN and SysML shapes
• AWS, Azure, GCP, Cisco and Kubernetes icon packs

https://app.diagrams.net/

Step [2] – Lucidchart.com:: is a collaborative diagramming tool with templating and shape types to create many diagram types, such as flow charts, process flows, mind maps and more.

Available for both Free & Paid

Best for teams collaborating on quick and flexible diagrams.

It includes features such as:

• Real-time collaboration to work with your team
• Connect to data
• Integrate with other tools in your stack
• Templates to help guide you
• A learning campus to learn what you can do in the tool

https://lucidchart.com/

Step [3] – Excalidraw.com:: is a collaborative virtual whiteboarding tool with the paid option of Excalidraw+

Best for teams who want to sketch diagrams using pre-existing components quickly.

It includes features such as:

Available for both Free & Paid

• Rapid sketching with handwriting style
• Simple and minimalist interface
• Libraries to quickly add pre-existing components
• End-to-end encryption
• Share drawings by links
• NPM library to integrate into your app
• Comments, versioning and search included with Excalidraw+

https://Excalidraw.com/

Step [4] – tldraw.com:: is a collaborative online tool for sketching diagrams.

Available for Free and open source

It includes features such as:

• Flexible sketching of shapes and lines
• Change sketch style
• Sticky notes
• Multiplayer mode for collaboration

https://tldraw.com

Step [5] – Gliffy.com is a collaborative drag-and-drop diagramming tool.

Best for larger teams who want to diagram software architecture and have enterprise requirements.

Available for Paid

It includes features such as:

Real-time collaboration
Support for UML, ER, data flow, process and C4 modelling
Cloud architecture diagrams
Integration with Jira, Confluence and Google Drive

Gliffy.com

Step [6] – OmniGraffle.com:: is a macOS and iOS desktop application for diagramming and prototyping.

Best for individuals who want their diagrams stored on their local machine and want to manipulate many file types.

Available for Paid

It includes features such as:

• Layered documents, grids and auto layout
• SVG import and paste
• Visio import and export
• Apple Pencil support
• Object metadata
• PNG, JPG, GIF, BMP, TIFF, PDF, EPS and PSD file types

Step [7] – Miro.com:: is a collaborative whiteboarding tool with templating and team-based tooling to help facilitate workshops.

Best for teams collaborating on diagrams and facilitating workshops.

Available both for Free & Paid

It includes features such as:

• Real-time editing on an interactive whiteboard
• Mouse over collaboration to see who’s viewing your diagram
• Workshop facilitation tools such as timers and voting
• Community-made templating

miro.com

Step [8]:: – CloudSkew.com is an online tool for drawing cloud architecture diagrams.

Best for individuals wanting to quickly create architecture and network diagrams for the major cloud platforms.

It includes features such as:

• Icons for AWS, Azure, GCP, Kubernetes, IBM Cloud, Alibaba Cloud and OCI
• Autosaved to the cloud
• Architecture diagrams, network diagrams and flowcharts
• Diagram templates

https://cloudskew.com/

Follow the below steps to install WSL in Windows 10 or above version

Step [1] – Click on Windows Power Shell

Step [2] – Once Windows Power Shell opened, run below command

wsl --install -d ubuntu

It will run another Windows Power Shell, where asking to create Unix Credentials (Username & Password) and once installed Message will be displayed on Both Window,

as created as

Enter new UNIX username: john1021

New Password: 1234@abcd
Retype new password: 1234@abcd

Step [3] – Once Installed, you can open as below Ubuntu

Finally check version as below command

Step [4] – Installation of Lando Package

Once WSL Installed, need to install lando as below

wget https://files.lando.dev/installer/lando-x64-stable.deb

Once Lando install successfully as below

Step [5] – Once Lando Package has been installed, need to run below command

 sudo dpkg -i lando-x64-stable.deb

After running this command error must be display as below

Error Indicates, Your Windows WSL System ready for Docker Installation

Step [6] – Installation of Docker Package

Step [6.1] – Update the apt package index and install packages to allow apt

sudo apt-get update

Step [6.2] – Install Docker CA Certificate

sudo apt-get install ca-certificates curl gnupg

Optional below in case any error while running command sudo apt-get install ca-certificates curl gnupg

In case any issue / error displaying while running command sudo apt-get install ca-certificates curl gnupg

Follow below command

# Download last stable version  
wget https://files.devwithlando.io/lando-stable.deb
# Show information (Optional)
dpkg --info lando-stable.deb
# Install with Ignore docker
sudo dpkg -i --ignore-depends=docker-ce lando-stable.deb
# Show version
lando -v

Once all Four command done run ca Certificate Command

sudo apt-get install ca-certificates curl gnupg

Step [6.3] – Add Docker’s official GPG key:

sudo install -m 0755 -d /etc/apt/keyrings

curl -fsSL https://download.docker.com/linux/ubuntu/gpg | sudo gpg --dearmor -o /etc/apt/keyrings/docker.gpg

sudo chmod a+r /etc/apt/keyrings/docker.gpg

Step [6.4] – Use the following command to set up the repository

echo \
“deb [arch=”$(dpkg –print-architecture)” signed-by=/etc/apt/keyrings/docker.gpg] https://download.docker.com/linux/ubuntu \
“$(. /etc/os-release && echo “$VERSION_CODENAME”)” stable” | \
sudo tee /etc/apt/sources.list.d/docker.list > /dev/null

Once run above command & error displaying as below

Open File

& remove ” (remobe comma below deb) & save exit by !wq:

Finally run below set of command to install Docker

sudo apt install -y ca-certificates curl gnupg lsb-release
sudo mkdir -p /etc/apt/keyrings
curl -fsSL https://download.docker.com/linux/ubuntu/gpg | sudo gpg --dearmor -o /etc/apt/keyrings/docker.gpg
echo "deb [arch=$(dpkg --print-architecture) signed-by=/etc/apt/keyrings/docker.gpg] https://download.docker.com/linux/ubuntu $(lsb_release -cs) stable" | sudo tee /etc/apt/sources.list.d/docker.list > /dev/null
sudo apt update -y
sudo apt-get install docker-ce docker-ce-cli containerd.io docker-compose-plugin

Check docker version & verify Docker

If Docker running file, do not need to follow below steps.

Step [6.5] – Installation Docker Engine

Step [6.6] – Update the apt package index by below command

sudo apt-get update

Step [6.7] – Install Docker Engine, containerd, and Docker Compose.

sudo apt-get install docker-ce docker-ce-cli containerd.io docker-buildx-plugin docker-compose-plugin

Step [6.8] – Verify that the Docker Engine installation is successful by running the hello-world image.

sudo docker run hello-world

Step [6.9] – Finally check docker version

Step [6.10] – Verify that the Docker Engine installation is successful by running the hello-world image.

sudo service docker start
sudo docker run hello-world

To Check the status of the Docker Engine service, run this command:

sudo systemctl status docker

Step [6.11] – How To Uninstall Docker

Remove Docker from WSL2 Linux

If Docker was installed directly inside WSL2 Linux, you need to remove it manually.

1. Stop Docker services (inside the WSL2 distro):

sudo systemctl stop docker
sudo systemctl stop docker.socket

2. Remove Docker packages:

You can uninstall Docker by removing its packages using the package manager (apt for Ubuntu/Debian).

sudo apt-get purge docker-ce docker-ce-cli containerd.io

3. Remove Docker directories:

Clean up the directories created by Docker.

sudo rm -rf /var/lib/docker
sudo rm -rf /var/lib/containerd

4. Verify that Docker is completely removed:

Check if Docker is still present in the system.

docker --version

If it returns “Docker not found”, it has been successfully uninstalled.

Finally all set of below command To Uninstall Docker

sudo systemctl stop docker
sudo systemctl stop docker.socket
sudo apt-get purge docker-ce docker-ce-cli containerd.io
sudo rm -rf /var/lib/docker
sudo rm -rf /var/lib/containerd
docker --version
If Docker is no longer installed, this command should return "command not found

Uninstall Lando

1. Uninstall Lando using the package manager:

If you installed Lando using a package manager (like apt or brew), you can use the appropriate command for your platform.

For Ubuntu/Debian (via apt):

sudo apt-get remove --purge lando

2. Remove Lando-related directories:

Lando might create some configuration files and directories, which you can remove manually:

sudo rm -rf ~/.lando
sudo rm -rf /usr/local/bin/lando

---

3: Verify Lando Removal

Check if Lando has been successfully uninstalled:

lando version

If it’s removed, this will return “command not found.”

Finally all set of below command To Uninstall Lando

_{sudo apt-get remove –purge lando
sudo rm -rf ~/.lando
sudo rm -rf /usr/local/bin/lando
lando version}

If still docker -v still working go to below command

Chances are you still have the snap version of docker installed. Run this:

snap list

And see if docker is listed. If it is, then run

sudo snap remove docker

Now docker should be completely removed, both as snap and deb package.

Step [7] – Once Docker Installed in Windows WSL2

How To Install Magento 2 Windows WSL2 Docker

[a]- git clone https://github.com/markshust/docker-magento.git

run inside /var/www/html/

Once run command 
directory
docker-magento  created

[b]- It will creates folder name docker-magento, /var/www/html/docker-magento

Download composer.json file from

https://github.com/magento/magento2/blob/2.4-develop/composer.json
& keep this file inside
var/www/html/docker-magento/

[c]- Go to Inside compose folder of var/www/html/docker-magento/

[d]- docker-compose up command

It should be always run as per screenshot

[e]-docker-magento is your root directory

[f] – Here download all Magento 2 clone

composer create-project --repository-url=https://repo.magento.com/ magento/project-community-edition

once clone done -> create docker-compose.yaml file or copy

Finally run

php bin/magento setup:install --base-url="http://127.0.0.1/magento24sample/" --db-host="localhost" --db-name="magesampledata24" --db-user="root" --admin-firstname="admin" --admin-lastname="admin" --admin-email="admin@admin.com" --admin-user="admin" --admin-password="admin123" --language="en_US" --currency="INR" --timezone="America/Chicago" --use-rewrites="1" --backend-frontname="admin"

& set values as per requirement

Artificial Intelligence is development and implementation of computer systems that can perform tasks that typically require human intelligence. AI involves the creation of intelligent machines that can perceive their environment, reason, learn, and make decisions to achieve specific goals.

The following below steps define How AI is transforming the e-commerce industry tremendous way

Step [1] – Personalized shopping experiences: AI algorithms analyze vast amounts of customer data, including browsing history, purchase behavior, and preferences, to offer personalized product recommendations. This helps e-commerce platforms deliver tailored shopping experiences, leading to higher customer satisfaction and increased sales.

Step [2] – Chatbots and virtual assistants: AI-powered chatbots and virtual assistants provide real-time customer support, answering queries, and guiding customers through their purchase journey. These AI systems can understand natural language, assist with product recommendations, and even process transactions, enhancing customer service and reducing the need for human intervention.

Step [3] – Visual search: AI enables visual search capabilities, allowing customers to search for products using images rather than text-based queries. By analyzing visual features, AI algorithms can identify similar products and provide relevant search results, enhancing the overall search experience and making it easier for customers to find what they are looking for.

Step [4] – Supply chain optimization: AI algorithms help streamline and optimize the e-commerce supply chain by predicting demand, optimizing inventory management, and automating logistics and fulfillment processes. This leads to improved efficiency, reduced costs, and faster order delivery, benefiting both e-commerce businesses and customers.

Step [5] – Fraud detection and security: AI-powered systems can identify patterns and anomalies in real-time to detect fraudulent activities, such as payment fraud and identity theft. By leveraging machine learning algorithms, e-commerce platforms can enhance security measures and protect both the business and its customers from potential threats.

Step [6] – Price optimization: AI algorithms can analyze market trends, competitor pricing, and customer behavior to dynamically adjust prices in real-time. This enables e-commerce businesses to optimize pricing strategies, offer competitive prices, and maximize revenue while considering factors like demand elasticity and inventory levels.

Step [7] – Product content generation: AI can generate product descriptions, reviews, and other content based on customer reviews, specifications, and other relevant information. This helps e-commerce platforms automate the process of content creation, ensuring consistent and accurate product information across a large inventory.

Once Installing Magento 2.4.x and getting below errors

Undefined constant Magento\Framework\Encryption\Adapter\SODIUM_CRYPTO_AEAD_CHACHA20POLY1305_IETF_NPUBBYTES

Solution:: The following below steps need to follow

Step [1] – Open Apache config file (httpd-xampp.conf)

Path Location = D:\xampp\apache\conf\extra\httpd-xampp.conf

Step [2] – Go to Line Number 17 of file httpd-xampp.conf as below

LoadFile "D:/xampp/php/php8ts.dll"

LoadFile "D:/xampp/php/libpq.dll"

LoadFile "D:/xampp/php/libsqlite3.dll"

LoadModule php_module "D:/xampp/php/php8apache2_4.dll"

Step [3] – Load File Path “D:/xampp/php/libsodium.dll” at the end

LoadFile "D:/xampp/php/php8ts.dll"
LoadFile "D:/xampp/php/libpq.dll"
LoadFile "D:/xampp/php/libsqlite3.dll"
LoadModule php_module "D:/xampp/php/php8apache2_4.dll"
here need to file path as per step 4

Step [4] – After adding, finally added the line as below & restart Apache Server

LoadFile "D:/xampp/php/php8ts.dll"
LoadFile "D:/xampp/php/libpq.dll"
LoadFile "D:/xampp/php/libsqlite3.dll"
LoadModule php_module "D:/xampp/php/php8apache2_4.dll"
LoadFile "D:/xampp/php/libsodium.dll

The following below steps need to follow to connect Adobe Commerce 2.x or (Magento 2.x) to Adobe Experience Manager (AEM)

Step [1] – Install Adobe Commerce integration modules for Adobe Experience Manager:

Adobe provides integration modules that enable seamless connectivity between Adobe Commerce and Adobe Experience Manager. These modules include the “Commerce Integration Framework (CIF)” and “Commerce Integration Module (CIM).”
Follow the official documentation to download and install these modules into your Adobe Experience Manager environment.

Step [2] – Configure Adobe Commerce integration settings in Adobe Experience Manager:

In Adobe Experience Manager, access the configuration settings for the Commerce Integration Framework (CIF) and Commerce Integration Module (CIM). Configure the connection settings such as the URL of your Adobe Commerce instance, authentication credentials, and other required information.

Step [3] – Configure Adobe Experience Manager integration settings in Adobe Commerce:

In the Adobe Commerce Admin panel, navigate to Stores -> Configuration -> Adobe Experience Manager. Configure the connection settings for Adobe Experience Manager, including the URL, authentication credentials, and other necessary information.

Step [4] – Set up data synchronization between Adobe Commerce and Adobe Experience Manager:

Define the data synchronization settings to determine which data (such as products, categories, pricing, etc.) should be synchronized between the two systems. Configure the frequency and scope of data synchronization, as well as any mapping or transformation rules if required.

Step [5] – Test and validate the integration: Perform tests to ensure that data is synchronized correctly between Adobe Commerce and Adobe Experience Manager. Verify that product information, pricing, categories, and other relevant data is accurately shared between the two systems.

Step [6] – Implement customizations (optional): If needed, develop customizations or enhancements to tailor the integration to your specific requirements. This may involve building custom components, templates, or workflows in Adobe Experience Manager or extending functionality in Adobe Commerce.

The Agile Manifesto is a set of document with key values and principles.

The four values of the Agile Manifesto are:

1. Individuals and interactions over processes and tools
2. Working software over comprehensive documentation
3. Customer collaboration over contract negotiation
4. Responding to change over following a plan

The 12 Agile Manifesto principles are:

1. Our highest priority is to satisfy the customer through early and continuous delivery of valuable software.
2. Welcome changing requirements, even late in development. Agile processes harness change for the customer’s competitive advantage.
3. Deliver working software frequently, from a couple of weeks to a couple of months, with a preference to the shorter timescale.
4. Business people and developers must work together daily throughout the project.
5. Build projects around motivated individuals. Give them the environment and support they need, and trust them to get the job done.
6. The most efficient and effective method of conveying information to and within a development team is face-to-face conversation.
7. Working software is the primary measure of progress.
8. Agile processes promote sustainable development. The sponsors, developers, and users should be able to maintain a constant pace indefinitely.
9. Continuous attention to technical excellence and good design enhances agility.
10. Simplicity — the art of maximizing the amount of work not done — is essential.
11. The best architectures, requirements, and designs emerge from self-organizing teams.
12. At regular intervals, the team reflects on how to become more effective, then tunes and adjusts its behavior accordingly.

Adobe Commerce is 2.4.6 was released on March 14, 2023, It includes a number of new features and enhancements as below.

Support for PHP 8.2 :: Adobe Commerce 2.4.6 support for PHP 8.2. PHP 8.1 remains fully supported. PHP 7.4 support has been removed from this release. You cannot run Adobe Commerce 2.4.6 on PHP 7.4.

Improved performance and scalability:: Adobe Commerce 2.4.6 is significantly faster than previous versions, thanks to a number of performance improvements. This can lead to a better customer experience, as pages load more quickly and checkout times are reduced.

Increased scalability:: Adobe Commerce 2.4.6 is also more scalable than previous versions, meaning that it can handle more traffic and more data. This is important for businesses that are growing or that expect to experience spikes in traffic.

New B2B features:: Adobe Commerce 2.4.6 includes a number of new features that are designed to make it easier for businesses to sell to businesses (B2B). These features include the ability to create custom pricing rules, manage customer quotes, and track orders.

IMS Modules Separated From Adobe Commerce 2.4.6:: Adobe IMS modules have been decoupled from the Adobe Commerce 2.4.6 core code and are now packaged as a separate metapackage:

adobe-ims
adobe-ims-api
admin-adobe-ims

Enhanced security:: Adobe Commerce 2.4.6 includes a number of security enhancements that help to protect your store from hackers and other malicious actors. These enhancements include improved password hashing, support for two-factor authentication, and the ability to scan your store for known security vulnerabilities.

Braintree Enhancement :: The Pay Later button and banners (messages) for Italy and Spain have been enabled for Braintree.

• The Pay Later button and banners (messages) for Italy and Spain have been enabled for Braintree.
• Added Fraud Protection and ACH web hooks. The Fraud Protection web hook is triggered when a risk decision has been made in Braintree. The ACH web hook is triggered when the status of an ACH payment is updated to settled or settlement decline.
• PayLater messaging with PayPal Vault has been enabled.
• Added LPM (Local Payment Methods) web hook.

Page Builder:: Page Builder v.1.7.3 is compatible with Adobe Commerce 2.4.6.

PWA Studio:: PWA Studio v.13.0.x is compatible with Adobe Commerce 2.4.6. It includes multiple enhancements to improve accessibility.

Google ReCAPTCHA ERROR: Can not resolve reCAPTCHA parameter. {“exception”:”[object] has been resolved:: A reCAPTCHA error in the var/log/exception.log file for the Google V3 reCAPTCHA Admin login has been resolved, and no error messages are logged. Previously, the following error was thrown every few seconds when an admin user configured their Configuration > Security > Google reCAPTCHA Admin Panel settings

Duplicate Email Issue has been resolved once order created by Admin::

Adobe Commerce no longer sends a customer duplicate emails after an order is created from the Admin.

Admin order emails are no longer sent when the Email order confirmation setting is disabled.

GraphQL Performance Enhancements:: Improved response time when querying categories with category permissions enabled. Response times have improved when querying products in categories for which category permissions are enabled and that contain many customer groups or shared catalogs. Code changes that support this performance improvement following below things:

• GraphQL resolver operation has been optimized.
• The data provider no longer re-sets runtime-cached data for every new product being processed, which has improved performance.
• Product permission processing has been optimized in the GraphQL resolver. Product permissions are now applied to product collections instead now on a per-product basis.
• Optimized permissions read in shared catalogs in the addProductsToCart mutation.
• Product permissions have been optimized with product inline fragments.

An e-commerce chatbot is a conversational AI tool designed to interact with users and provide assistance, information, and support within an e-commerce context.

The following below steps defines, how an e-commerce chatbot works:

Step-1 – User Interaction : The chatbot interacts with users through a chat interface, which can be embedded on an e-commerce website, mobile app, or messaging platforms like Facebook Messenger or WhatsApp. Users can ask questions or engage in conversation with the chatbot.

Step-2 – Natural Language Processing (NLP) : When a user sends a message or query to the chatbot, the chatbot’s underlying technology, such as natural language processing (NLP), analyzes and understands the user’s intent and the context of the conversation. NLP enables the chatbot to interpret user input and extract relevant information.

Step-3 -Knowledge Base and Backend Integration : The chatbot is typically connected to a knowledge base or a database that contains information about products, services, and other relevant data related to the e-commerce store. It may also be integrated with backend systems like inventory management, order processing, or customer relationship management (CRM) systems to access real-time data.

Step-4 – Responses and Recommendations : Based on the user’s input and the information available in the knowledge base, the chatbot formulates a response. It may provide answers to common questions, recommend products based on user preferences, provide order updates, or assist with other e-commerce-related tasks.

Step-5 – Personalization and Recommendations : E-commerce chatbots often leverage user data, such as browsing history, purchase history, and preferences, to personalize their responses and make relevant product recommendations. This helps enhance the user experience and increase the likelihood of conversions.

Step-6 – Transactional Capabilities : In some cases, e-commerce chatbots may have the ability to process transactions directly within the chat interface. Users can add items to their cart, initiate the checkout process, and even make payments, all without leaving the chatbot interface.

Step-7 – Continuous Learning : Chatbots can be designed to learn and improve over time. They can analyze user interactions, collect feedback, and adapt their responses based on user behavior and preferences. This iterative learning process helps the chatbot become more accurate, efficient, and personalized over time.