Categories
Ecommerce

Top 10 Shopify themes for Lifestyle Brands

Top 10 Shopify themes for Lifestyle Brands

Shopify

What is SEO?

Ecommerce stores have come to the day and age where themes, colors, ease of use and quick responsive interfaces are crucial to business success. Eye catching minimalistic themes that pertain to your business can allow the online store to gain traction and differentiate yourself from the competitors. 

An appealing responsive and user-friendly website is key to quickly convert customers and further cause them to spend time browsing products. A good ux design can bring customers back to your ecommerce website and leave them with a good impression of the business. Hence It’s essential to have a solid and consistent theme conveying who you are and what you sell.

Shopify

Top themes for lifestyle Brands

Kalles

Kalles theme emphasizes on simplicity, creativity, and affordability and fully supports Online Store (OS 2.0) which helps a user experience the latest technology from Shopify. The theme is best suited for fashion, home decor, accessories etc.

Features:

  • Optimized speed for better performance

  • More user friendly theme editor

  • Supports product videos, 3D and AR models

  • More animation effects

  • Supports full section on all pages

Lezada

Lezada is a versatile Shopify Theme that can be used to build both ecommerce and general purpose websites. Lezada being multipurpose in nature can be used for selling Electronics Industry Products, Fashion Products, Sportswear etc.

Features:

  • Shopify Ecommerce with high quality and minimalist design

  • Multiple Blogs layout

  • Dropdown Menu, Retina Ready, Custom Icon

  • MegaMenu, sidebar menu

Ella

Ella is a Shopify template with multiple layouts that allows you to meet specific requirements for different kinds of businesses.The Ella theme has undergone updates to improve speed and become feature rich for the mobile platform. The Ella theme is suited for a wide variety of stores which include electronic, fashion brands and gift shops.

Features:

  • Optimized Code

  • Good Performance

  • Maximum Customizability & Speed

  • New Designs

  • New Functionalities

  • “Feature-rich” for Mobile

Savon

The Savon theme has been created thoughtfully understanding online stores that cater to natural beauty products. The theme is best suited for cosmetic products that are organic and natural. Business owners who run organic shops, organic beauty products, beauty and fashion can implement the theme to gain a wider audience.

Features:

  • Different styles of Mega Menu

  • Supports multi-currency

  • Ajax Add to Cart Product

  • Size Chart Integration

  • Custom Product Tabs

  • Ask An Expert Form

  • GDPR Cookie Popup

  • Advanced Mega Menu Layouts

  • Ajax Sidebar Cart

  • Timer Countdown

  • Lazy Loading Optimized

  • Custom Service Page

  • Social Sharing

Dezel

Dezel is a modern ecommerce theme which focuses on minimal, clean and modern interface acts as a good store for perfumers, cologne stores, beauty stores, cosmetics shops.

Features:

  • Drag and Drop Sections

  • Wishlist Module

  • Customer Reviews

  • Timer Countdown

  • Instagram Integrated

  • Product Image Zoom

  • Grid and List Mode

  • Search Engine Optimized

  • Custom Information Widget

  • Highly customizable

  • Multi-currency

  • Social Sharing

Decolite

Decolite is a lightweight template focussing on building responsive Shopify themes related to interior design, styling and interior furniture design. The theme is highly stylized with an easy drag and drop interface to help consumers build pages. The interface has been popularly utilized by organizations that sell appliances, furniture and run furniture shops. 

Features:

  • AJAX Sidebar Tag Filter

  • Product Comparison

  • Countdown Timer

  • Dynamic Checkout Buttons

  • AJAX Search

  • Custom Product Tabs

  • Predefined structures

  • Great visual elements

  • User-friendly features –  Add to Cart, Wishlist, and Quick View.

  • Highly customizable

Wuso

Wuso is a Responsive Shopify Theme designed for fashion stores. This Shopify Theme is an exceptionally optimized theme with HTML5, CSS3, Sass CSS to obtain the best SEO practices. This ecommerce website theme suits both fashion for men and fashion for women. 

Features:

  • Ajax Add to Cart Product

  • Size Chart Integration

  • Custom Product Tabs

  • GDPR Cookie Popup

  • Ajax Infinite Scroll module + Pagination

  • Enhanced Instant Search

  • Wishlist Module

  • Customer Reviews

  • Timer Countdown

  • Instagram Integrated

Young

Young is  a Lifestyle Fashion Shopify Theme that is trendy and caters to products and services that relate to beauty, fashion, furniture, home decor, interior, events and others. The quick install theme has Shopify Builder, Theme Colors, Newsletter Popups and is feature rich that gives the user a one stop solution to running an effective website. 

Features:

  • Responsive layout,

  • Multipurpose,

  • Right to left language support

  • Cookie policy

  • Upsell and cross sell

  • Dynamic checkout buttons

Loft

Loft is a Shopify card layout theme designed for luxury furniture brands with an emphasis on striking imagery, promotions, and merchants. This theme looks exceptionally good when viewed on tablets and mobile devices due to its responsive design and retina graphics.

Features:

  • Modern and minimal design

  • Three unique styles

  • Designed for large inventory

  • Custom promotion tiles

  • Optimized for high-resolution images

  • Full-width Instagram feed

  • Story focused product pages

  • White space rich landing pages

Flow

Flow is a theme best suited for high volume stores and is designed with features for running time-based promotions. Flow is a clean imagery focused theme with settings that allows the consumer to style the store the way they want.

Features:

  • Sharp and minimal design

  • Homepage video

  • Slide-out cart

  • Uniquely styled product grid

  • Mobile-friendly Shopify theme

  • Integrated social media icons

  • Collection page sidebar
Categories
Ecommerce

Elevating your Magento Website with Hyvä Themes

Elevating your Magento Website with Hyvä Themes

Hyva themes

What is SEO?

Magento 2 is particularly popular in the e-commerce market since it gives store owners complete control over their stores.

Hyvä products were developed from scratch and are based on Magento 2 Themes. Hyvä developers fixed the issues with poor performance and sluggish page loading by removing the majority of JavaScript files and rewriting the majority of layout.xml and .phtml files. The goal of this theme is to remove any third-party libraries used by Magento 2 such as Knockout, Require, jQuery, and unnecessary JS libraries and LESS stylesheet files that cause render-blocking for optimization.

The Hyvä theme utilizes far fewer JS files than other standard Magento themes, and these libraries are straightforward, light, and strong while maintaining resource speed and a top-notch user interface.

The ViewModels, Tailwind CSS, and AlpineJs V2 were used to create Hyvä Themes. AlpineJS makes writing JavaScript much more user-friendly. It might be problematic if you have to rely on several third-party solutions, but as more extensions receive Hyvä compatibility, it will become better. In contrast, the Hyvä theme employs superior, more current, well-planned alternatives that are always built with maximum performance in mind. This revised architecture is similarly simpler and less complicated in design.

This needed an entirely new approach to JS and CSS development. This also means that developers should reconsider their asset creation method. Hyvä employs PostCSS, so you must use the npm run, build-dev, or build-prod scripts to generate the required files. The construction takes very little time and is done swiftly.

When you first check the Hyvä theme, both the Hyvä/reset and Hyvä/default themes are available. These themes have connections, such as Magento/luma and Magento/blank. As a consequence, the Hyvä/reset theme functions as both a base theme without a parent theme and a parent theme for the Hyvä/default theme.

Both the Hyvä/reset theme and the blank Magento theme have different purposes. By deleting the LessCSS styles from Magento, the Hyvä theme may create a Tailwind CSS-based environment.

Integrating Hyvä theme with Magento 2 will help to make the store incredibly quick, better optimized, and provide a positive shopping experience for customers.

Have you thought about using Hyvä Themes as the front-end solution for your eCommerce website? Have any questions you’d like to have answered before making a final decision?

Here are some frequently asked questions and their answers to help you make that critical development decision—LUMA or Hyvä.

1. What are Hyvä Themes?

Hyvä (the Finnish word for “good”) Themes are the latest way to create storefronts for your Magento 2 website. It addresses some of the most prevalent problems with Magento’s previous front end, LUMA.

Two tools—Tailwind CSS and Alpine.js—replace hundreds of separate JavaScript files and bulky libraries. This allows you to say goodbye to LUMA’s bloated architecture and the excessively convoluted frontend codebase that hinders the eCommerce performance of your website.

2. Why is Hyvä Themes a better alternative to other modern front-end solutions?

  • Compared to other frontend frameworks, there is a lower development cost (PWAs often cost £100k+).

  • The framework’s simplicity also results in significantly lower ongoing maintenance costs and a significantly shorter time to market.

  • Boost the efficiency of your website and achieve SEO web benchmarks like the Core Web Vitals Assessment.

3. How do Hyvä themes achieve better performance?

Mainly by using less code. TailwindCSS allows smaller CSS files with only the directives that are actually needed. Furthermore, JavaScript is only used where it is actually necessary, which decreases the overhead. The reduction of the number of layout blocks and the consistent use of ViewModels instead of blocks are the other important factors 

4. Will all my current extensions work with Hyvä Themes?

Your present extensions and whether they rely on the LUMA JavaScript libraries will determine how this will work. You can utilize a variety of different extensions from the public compatibility extension library, which is available right away with the license, in your projects. Even if they aren’t supported right away, the majority of the big extension vendors are already working to make their products completely compatible with Hyvä Themes.

Amasty, Aheadworks, Mirasvit, WebKul, and Mageworx are some of the leading extension developers available to merchants—each making a commitment to continue making their extensions compatible.

5. Can I try Hyvä Themes out before buying a license?

Not without a license, not on a live website. However, they have produced a really neat demo that provides an excellent overview of how it functions as a front-end solution.

Visit the following URL: https://demo.hyva.io/

You can check the performance of the page using Google Page Speed and see just how quick the framework is.

6. What are the checkout solutions available for Hyvä Themes?

The most common is the LUMA checkout fallback extension, which comes with your license. Specific routes can be configured to use a different theme (one based on Luma) instead of Hyvä. This feature enables the Luma Checkout to work with Hyvä as well. The Hyvä theme is not active on those pages. Tailwind CSS and Alpine.js are not loaded. Instead, the browser loads RequireJS and all other Luma theme dependencies. However, if you want to switch, there are a few other checkout options we recommend you look into:

  • Hyva Checkout.

  • Magewire Checkout – a game changer for customizing the checkout experience in Magento 2 that will be available soon.

  • One Step Checkout.

7. Does Hyvä have page builder compatibility?

Yes. Now that PageBuilder is part of Magento Open Source, the compatibility module Magento_PageBuilder has been merged with the Hyvä Theme module.

8. Is Hyvä compatible with Magento 2 OpenSource?

Hyvä Themes are compatible with Magento OpenSource from version 2.4.x upwards.

9. Could you share some of the Hyvä developer experience?

Although Hyvä themes are relatively new, this project is supported by a sizable development community. More than 800 developers are currently active in the main community, which is a gathering place for specialists and enthusiasts who share knowledge, expertise, and best practices to advance one another’s projects. They even have a business Slack channel which you’re added to as soon as you purchase a license.

10. Showcases of Hyvä Theme Stores.

Categories
Ecommerce

Top 5 Magento Commerce Plugins for your Ecommerce Store 

Top 5 Magento Commerce Plugins for your Ecommerce Store

Magento Commerce Plugins Banner

What is SEO?

Magento has been the ecommerce platform of selection for several made on-line businesses, and with smart reason. With Magento, a business will build a stable web-store with immense scope for personalization. This ensures all of your distinctive business desires are unit enforced and your customers have a convenient searching expertise.

In order to induce the most out of this powerful ecommerce platform, it’s necessary to grasp the sub-rosa heroes-the Magento plugins and extensions that build it a sleek expertise for the patron.

In the market, it’s an outsized variety of Magento Extensions that facilitate search for homeowners to grow their online business. From providing you with powerful promoting tools to automating long processes that square measure obstructively up your schedule, your ecommerce technical school stack will make-or-break your business, and selecting the proper extensions to integrate into your Magento store offers a good variety of advantages.

Here are five must-have extensions for your ecommerce store:

1. One Step Checkout Extension

You’ve found what you wish to buy, put it into the cart, and now simply have to checkout and pay. A long method awaits you—check in or register, fill in your personal details, then the shipping details, opt for the payment technique, and create the payment. Or you can use One Step Checkout to cut back the number of steps and complete the acquisition in just one page, saving time taken to load the page at each step and encouraging swift purchase.

If you own an eCommerce web site, the foremost necessary issue you would like to keep an eye fixed out for is: “How to boost the checkout user experience? “.

Ecommerce retailers ought to perceive that online customers hate to fill in repetitive information forms once ordered. That’s the explanation for the emergence of a wise checkout page, to cut back on the number of consumers abandoning the acquisition.

One Step Checkout may be a Magento extension that simplifies the checkout method of your Magento store. This module will “simplify” the payment steps and build an improved read of consumers for the entire programme. In the One Step Checkout extension, payment is displayed on one page and, therefore, the client will see all the steps while not probing another page.

2. MegaMenu

Magento Mega Menu extension is your resolution to form the simplest sitemap with the most navigation. By using the Mega Menu extension, you can convert your website navigation into an attractive menu layout with many menu styles and layouts. It already provides a variety of menu designs and layouts,you just need to configure them. If needed, we can even create a customizable navigation bar that displays categories, sub-categories, custom content, images, and products. Most Mega Menus can be managed without any technical knowledge! You can easily set your menu items with content (static blocks), products, categories,etc. 

How does it help?

Associate in Nursing e-commerce website with varied products. You had a tough time organising all the customers’ choices, and it was a large number with too many products or classes in your menus. 

Retailers can have the advantages of a Mega Menu module.

  • It helps you see each possibility at a glance.

  • It organises all products and classes effectively.

  • It captures visitors’ attention initially with its nice style.

  • Mobile devices are responsive.

  • They are straightforward to use, even without special writing skills.

  • One more issue: you don’t have to worry about running a website with “turtle speed”. The Magento Mega Menu extension doesn’t have an effect on your website speed, obviously. Moreover, you’ll be able to flexibly discover your desired menu with completely different content showing-off.

In a nutshell, Mega Menu may be a must-have addition to each Magento e-commerce website, and currently you have got a reliable tool for adding it to your on-line shop front.

3. Ajax Layered Navigation

When a client visits your Magento powered web-store and encounters a listing of thousands of merchandise, he/she is spoilt for selection.

To build certain customers that aren’t flooded and make searching a pleasing expertise, filters are necessary.

Filters may be created for any attribute—price, variation, colour, material, size, brand etc. However, if the merchandise page reloads whenever one applies a filter, the web-store can witness mass abandonment of searching carts.

4. Banner Slider Extension

Be the owner of an associate eCommerce website, whether or not it’s a graphic designer’s website, or a distributor’s. It’s necessary to spotlight your creations or stunning products on your website to influence customers to choose you.

What is the Banner Slider extension?

The Banner Slider Extension is a perfect resolution to grab the visitor’s attention initially with a shocking series of pictures.

Specifically, to make your website a lot more conspicuous and enticing to your customers, the Banner Slider extension for Magento is a good resolution to show banners at the top of your Magento online store page. With the assistance of this extension, website owners will place different banner ads or run some banner advertising campaigns at the top of their sites to grab the attention of shoppers.

How does it help?

A Banner Slider can attract customers right from the initial moments they’re on the website.

  • Get customers’ attention with conspicuous pictures.

  • Choose among positions and a spread of effects to show slides.

  • Highlight your promotion, campaign or any event by using the banner slider.

For retailers, to own a contemporary tool to introduce your pictures professionally, the Banner Slider extension is important.

5. SEO Extension

For eCommerce, SEO is turning into a lot of necessary work. Magento itself is one of the world’s #1 open source SEO solutions. However, it’ll be even higher by having dozens of SEO optimizations (called Extensions or Plugins). That helps you improve the SEO downside for your eCommerce web site with Magento.

What is an SEO Extension for Magento?

The SEO extension may be a designed code that optimises the website and mechanically marks the standards of the website to grant you suggestions regarding the ever-changing content of the page or planning your own website friendly with SEO.

SEO is an associate degree extension that you just use to optimise your website, SEO keywords that you just need to rank well within the Google programme. The SEO code permits users to SEO each web site and each keyword.

Why do you need it?

With every SEO extension provided by totally different vendors, there’ll be different options and advantages. However, their square measure has many benefits to create a necessary extension once beginning a Magento eCommerce website.

It will improve your SEO for the Magento website.

Conclusion

Extensions provide a good hack to remodel your ecommerce store into a money-churning entity. Find the plugin that suits your web site best and follow it. We have a tendency to conjointly advise that you just produce a backup of your Magento before putting in any plugin on the list. This way, you’ll be able to simply restore the previous version in the case of any complications.

Categories
Ecommerce

10 things to ask your Magento Developer before signing up

10 things to ask your Magento Developer before signing up

Magento

What is SEO?

Considering launching an online store. You made the right choice if you decided to build your store using the Magento 2 platform. Congrats! It provides limitless hosting control, a tonne of add-ons, and customization options. Due to all of these factors, it is incredibly well-liked by B2B and B2C companies of all shapes and sizes.

More than 170,000 business owners have chosen Magento as the foundation for their online stores. Approximately 1.4% of all websites on the Internet are currently powered by it! Additionally, 8% of all eCommerce sites, as reported by BuiltWith, use Magento, with more and more merchants making the transition. 

Having said that, working with Magento (and Magento 2) is not the simplest platform if you have never used it before. Because of this, a lot of business owners opt to hire a company that specializes in Magento development to build their online store. But how do you pick a Magento company to complete your dream project?

Since the platform is so well-known, there are many Magento eCommerce agencies available. They weren’t all made the same. With so many businesses claiming to be the finest while giving their services, choosing one can be very difficult.

This post will walk you through the process of choosing a top development agency and provide you with ten questions to ask the business.

1. Reputation of the company

A good place to start is to look for Magento development company reviews online. Clutch, GoodFirms, and Techreviewer all have Magento agency rankings based on user ratings. The company you intend to hire should have a large number of positive reviews, all from credible sources.

Reading the evaluations will help you understand what to expect when working with a particular agency. You’ll learn about their strengths and shortcomings, as well as the kind of clients they accept. Pay attention to the particulars: Was the communication clear and up to date? How did they handle an emergency? Were they willing to talk? You are more likely to experience a bad characteristic if you see it in multiple evaluations.

2. How much of experience they have

We don’t have to tell you that experience is important. That is why it is critical to understand how long the development company has worked with Magento and how many projects they have done. The more certified developers they have, as well as the variety of projects they’ve worked on, the better.

Another step is to inquire about the normal project development cycle length. Keep in mind that the average length of a Magento project is 6 to 7 months. Comparing this number to the one provided by the agency will help you assess their level of expertise.

3. Magento Certified developers

To ensure that the Magento agency you choose is qualified to complete your order, ask if the company’s developers have Magento Certification.

Magento created its own certification exam to validate developers’ skills and qualifications. It is a practical test that Magento developers must pass in order to be certified. There are various types of certificates (for Front-End developers, JavaScript developers, all-around specialists, and so on).

After Magento was acquired by Adobe, Magento Certification became Adobe Certification, which you must renew every two years. The agency you choose should have the most recent version of the Magento certificate.

4. Being a Magento Partner

Being an official Magento Partner is a step up from being certified. According to Magento themselves, they break up their web developers into three categories:

  1. Magento Solutions Partners
  2. Magento Technology Partners
  3. Magento Community Insiders
  1. Magento Solutions Partners are consulting companies that focus on building leading B2C and B2B digital experiences and helping businesses worldwide create a lasting impression on their customers. They do it through things like digital strategy, project scoping, integration with third-party applications, etc.

  2. Magento Technology Partners contribute to development and optimization in a variety of ways, including product information management, enhanced customer discovery and purchasing journeys, and business system integration.

  3. Magento Community Insiders are qualified Magento experts who can assist you with your e-commerce project. The Insiders Program is a stepping stone to becoming a Partner. To be considered a Community Insider, an agency must have certified Magento developers on staff as well as experience working with Magento.

5. Does their portfolio correspond to the outcomes you seek?

  1. Examine the agency’s portfolio and look at the produced websites. Do you like how they turned out? Is their functionality comparable to what you require?

  2. Analyzing projects in your industry would be extremely beneficial. If they have a lot of them, that’s a good clue that the agency knows what you’re going to expect and what the common issues in your area are.

6. Estimated cost

You should also inquire about the costs of any additional services and maintenance. Keep in mind that in many circumstances, the price dictates the quality. You do not have to go to the most expensive agency available. However, if the anticipated cost you are given is excessively low, be aware that there must be a cause for this. In the end, it all comes down to how much money your E-commerce store is expected to make. If you intend your website to have a large scope and a lot of visitors, your budget should match that. Spending more money to get a highly customized website based on your needs would be well worth it. 

7. Security policies

It can be frightening to entrust your data to an outsource business. Every good agency understands this. They should have an excellent security system in place to keep your data private. If your Magento agency is trustworthy, they will outline the steps they take to keep your information secure. 
Among them are:

  • Non-disclosure Agreement (NDA): A legal contract signed by both you and your agency that stipulates that neither party will reveal any sensitive information without permission.
  • Splitting data and sharing each section with a person who requires it for their duties.
  • Code transfer: Transferring any intellectual property you may have regarding the technology or code. You don’t want to be charged for using a code that belongs to you. You should bring this up because not every company will have it in their contract.

8. Ease of communication

Because this is a personal topic, detailed counsel is difficult to provide. In general, you should feel at ease working with the development agency. Take a look at the developers who would work on your project before jumping in and agreeing to work with them. 

Aside from learning about their certifications and technical talents, try to figure out if you’ll be able to communicate with them. Their location is one of them. Everyone lives in different time zones, and English is not always the native language. Take note of how quickly the agency responds to you and their level of English. You are not required to work with a native English speaker who lives in the same nation as you, but their location should not be an impediment to your communication.

Another aspect is their general communication abilities. You should feel comfortable raising your concerns and that the agency is doing its best to understand them. The provider must keep you informed during the construction of your eCommerce store. What is comfortable for one person may not be for another, so pay attention towards how you experience after each interaction with them.

Here are some more questions to consider: Do they ask you a lot of questions (as we’ve already said, this is crucial)? Do they respond quickly? Do they provide detailed responses or send generic brief responses? Good Magento developers also give a variety of contact channels, based on your preferences. They should be approachable via email, phone, or Skype, and they should adapt to your preferred contact route. 

9. Strong UI/UX, Design team

Everyone must have a rough notion of what a Magento website looks like at first. The home page is completely blank, with no text or images, while the following pages have nothing.

Your Magento developer would be necessary to change the main page as well as design various pages supporting your product ideas, resulting in a Magento website that would draw even more people to your sector. But let’s just agree that aesthetic appeal is what will entice visitors to visit your business. As a result, your chosen Magento expert should be imaginative enough to create an eye-catching website that offers a range of functions with a faster response time and less data utilization.

This will assist you in establishing a benchmark in the market, which will pave the route to prosperity under all circumstances. As a result, your personnel should be clever enough to handle minor issues and give your websites a Midas touch that will outshine everyone else.

10. Post deployment support and maintenance

Quality testing and deployment should be prioritized if you want your Magento project to be successful in the long run. It’s useful to know what to expect from project deployments and what occurs thereafter. The roll-out procedure must be carried out effectively to ensure that no technical or functional issues harm your clients.

Following the completion of the deployment, the agency should concentrate on the smooth and proper maintenance of your business. The greatest companies always provide continuous 24/7 help so that any faults can be corrected swiftly. Some organizations may provide a full service package for your ecommerce project. It can include services like hosting, SEO, and online marketing. Be aware that the chances of your agency being at the top of all of these categories are slim. It is probably best to use several firms for different needs.

Conclusion

Choosing a competent Magento development agency might be difficult, especially if you lack experience in the field and have never worked with an outsourcing company before. There are many agencies that provide a variety of services, and it can take a significant amount of time and effort to restrict your options down to just a handful.

Hopefully, we provided enough information for you to feel confident in selecting a Magento agency to work with.

Choosing the finest Magento agency is so critical to increasing sales and developing a positive brand image. If you have any further questions concerning the Magento ecommerce platform or development, please contact us and we at TerrificMinds will gladly assist you!

Categories
Ecommerce

SEO Best Practices In Adobe Commerce

SEO Best Practices In Adobe Commerce

SEO is the door for your website to go into the first page of a Search Result. See how the latest Adobe Commerce powers you to get exactly that!
Magento

What is SEO?

Search engine optimization is the process of fine-tuning a website’s content and presentation in order to optimize how search engines index the pages. A variety of tools in Commerce can help you with your continuing SEO efforts.

Why SEO?

Adobe Commerce is used by more than 250,000 active e-commerce sites, accounting for around 12% of all online retailers. Among this, only as near as 11,000 sites are running using Magento 2. Adobe Commerce also accounts for 31.4 percent of the top 100,000 e-commerce sites.

Magento’s success can be attributed to its high level of use, affordability, and customisation. Unlike other template-based e-commerce platforms, Magento 2 gives you complete choice over how you provide your consumer experience.

As a result, Magento 2 is an excellent choice for fast-growing small enterprises looking to expand their operations online. And, when it comes to running a successful e-commerce firm online, search engine optimization (SEO), particularly for the Google search engine, is crucial. 

Best Practices For Your Magento Store

Crisp Meta Titles & Descriptions

Your rankings and click-through rate are directly affected by the quality of your page’s meta title and meta description. As a result, creating page names that please both search engine crawlers and human users is critical.

seo

Ideally, meta titles should be limited to 50 to 60 characters in length. Similarly, meta descriptions also have to be limited to be around 155 characters. This is done by keeping in mind text truncation in the Search Engine Result Page(SERP). Try to include as many keywords as possible into your metadata.

seo

Also, make sure that each page has only one H1 tag. Use subheadings H2, H3, and so on in a logical order, and be sure to contain your primary keywords in all of them.

Search Engine & User Friendly URLs

SEO Friendly URLs is one of the most important factors based on which Search Engine’s rank your website. So it’s not enough to make your URLs user friendly, but also SEO friendly.

Let’s say there is a product in 2 different categories:
<your_website>/mens/product
<your_website>/accessories/product

Such existence of multiple variants of the same product on various URLs, cause duplication difficulties in Commerce. To avoid this, use the product keyword or title along with the URL, which creates a single URL structure that can be used across many categories for the same products.

Go to Stores → Configuration → Catalog → Search Engine Optimization.

seo

“Use Canonical Link Meta Tag For Categories” and “Use Canonical Link Meta Tag For Products fields” will appear on the screen that loads. Set their values to Yes. This results in canonical URLs for both product and product-category pages, which greatly aids in the prevention of duplicate content.

You can also consider removing the .html URL suffix in the initial stages of product/category creation. This will optimize the URLs in the future, in case there is a plan to switch to a different Ecommerce platform.

HTTPS is the way!

The presence of an SSL certificate on your store’s URL is critical to its success. This is especially true for online stores, where potential clients may need to input sensitive information in order to keep on using your store. HTTPS provides clients with a secure environment and fosters confidence.

To enable HTTPS for your store, go to

Stores → Configuration → General → Web & make relevant changes there.

seo
XML Sitemaps

The XML sitemap is a file that contains all of your website’s pages, making it much easier for search engine crawlers to see your whole structure and understand your content. Configuring and submitting your store’s XML sitemap to Google using Google Search Console might assist you in getting ranked faster.

Users can reset this feature by going to Store → Configuration → Catalog → XML Sitemap. Using this fantastic tool, administrators may choose the amount of links, file sizes, and frequency with which a sitemap is generated. For example, if the business intends to introduce new products on a daily basis, it is strongly advised that the sitemap be generated on a daily basis as well. Furthermore, if admins enable the function “Enable submission to robots.txt,” the generated sitemaps can be sent automatically to robots.txt.

seo

Once the setting is complete, generate the XML sitemap. For this, go to Marketing→Site Map and click the “Add Sitemap” button. Now add a filename as sitemap.xml & enter the path where the file has to be saved. Once done, click the “Save & Generate” button.

seo
Robots.txt for SEO

The Robots.txt file essentially instructs search engine crawlers on which pages to crawl and how to index your site. To avoid duplicate content concerns and optimize crawl budget, it’s critical for e-commerce websites to employ the robots.txt file to lead search engine crawlers in the proper path and prevent them from accessing the improper URLs.

Go to Content → Configuration (Under Design) & click on Edit for the main website.

seo

Now under the Search Engine Robots section you can select “Default Robots” as INDEX, FOLLOW, this will allow google to index your website. Next you can edit your custom instructions by adding the list of URLs which you don’t want to be indexed by Search Engine.

Redirect Your Website To Success

Setting up proper Redirects & Rewrites for wrong URLs in your website is one of the most critical ways to remove 404 pages which may harm your website’s  performance & user experience.

Go to Stores → Configuration → General → Web.Fill in the Base URL and Base Link URL columns with your chosen base URL. Set the “Use Web Server Rewrites setting” to ‘Yes’ under Search Engine Optimization. Finally, under URL Options, select Yes (301 Moved Permanently) under “Auto-redirect to Base URL” and click Save. This guarantees that any link authority gained from wrongly placed links is fully transferred to the correct URL.

seo

Magento 2 also has a powerful redirection tool that allows you to create 301 redirects that permanently transfer the SEO juice from the previous page.

seo

Navigate to Marketing→URL rewrites. Select Add URL Rewrite. Now Create URL Rewrite appears in the choice selection here, leave it at its default option (Custom). Fill out the Store, Request Path, and Target Path forms next. The old path is the “Request Path”, and the new path that matches to the new web page is the “Target Path”. This would be the redirect’s target URL. Choose 301 as the “Redirect Type” and click Save.

To Conclude…

What we’ve covered here is just an insight into how Adobe Commerce can provide you with the best SEO capabilities. To fully understand the power & intricacies that the SEO tool in Magento 2 provides, we need to explore further. And with newer versions of Magento coming in at a fast pace, you would see more Ecommerce sites powered by Adobe loading on your search results in the near future for sure!

Categories
Ecommerce

Why You Need To Level Up From M1 To M2

Why You Need To Level Up From M1 To M2

Magento 2

Introduction to Hyva widgets

Since Magento 1’s launch more than 14 years ago, a lot has happened, and since June 30, 2020, Adobe has formally stopped supporting Magento 1. Let’s look at a few of the key aspects related to Magento 2 migration.

Security

Adobe has formally stopped releasing security updates and patches. Therefore, if your Magento 1 site is ever the target of a security breach, you may need to hire an expert, which could end up costing you much more than the Magento Migration!

Performance

Magento 2 sites will often run 28 percent faster than Magento 1 sites due to good order processing and response times compared to Magento 1 sites, which boost sales and search engine rankings. The user experience may be directly impacted by speed.

New enterprise features like a potent page builder are among the fantastic new enterprise features supported by the most recent Magento versions. The fact that Magento is based on a new and better caching technology, which results in more efficiency and quicker page loading, is an even bigger plus and better Google rankings equate to faster page speeds.

Customers that purchase on Magento 2 benefit from features like improved search, product video carousels, and social sharing widgets.

Compared to Magento 1, Magento 2 offers quicker order processing and server response times. The customer experience of your online store is compromised if you are still using Magento 1. Speed has a direct bearing on how customers interact with your online store.

Loading Time

Intuitive Checkout

Magento 1’s cumbersome six-step checkout process is replaced by Magento 2’s straightforward two-step checkout and Instant Purchase feature. With Instant Purchase, retailers can now provide returning customers with a quicker checkout process by using previously saved payment and shipping details to skip the checkout process entirely and take the client directly to a confirmation purchase page. In the past, sites with simpler checkout processes (such as quick purchase) have experienced higher sales.

SEO

Search Engine Optimization is crucial when selling things straight online. More conversions and, subsequently, more income may result from improved SEO. By putting some of the capabilities into practice, Magento 2 has made it simpler for store owners to optimize their pages and items for greater reach. The usage of canonical tags, meta titles, descriptions, and keywords is allowed. They can even use the built-in functions to make their website mobile-friendly.

Better Admin Interface

Unlike Magento 1, which has a challenging learning curve, it is straightforward, user-friendly, and easy to learn. You may easily change the look of the store without knowing any code, thanks to Magento 2’s drag-and-drop layout modification tool. To increase productivity, the dashboard can be customized to provide immediate access to information based on your needs.

Payment Gateway Integration

Magento 1 site owners had to use additional third-party integrations to connect to well-known payment gateways. However, Magento 2 comes with three built-in payment processors: PayPal, Authorize.net, and Braintree available for integration.

All things considered, it is obvious that a Magento 2 migration is essential for your eCommerce firm if it wants to remain competitive.

Categories
Ecommerce

Shoptalk Europe 2022

Shoptalk Europe 2022

ShopTalk Eurupe 2022

Introduction to Hyva widgets

Shoptalk is where thousands of retail changemakers come together to create the future of retail. The event covers the latest technologies, trends, and business models, as well as the rapid transformation of what consumers discover, shop for, and buy—everything ranging from apparel and electronics to beauty and groceries.

Industry leaders and innovators from a broad cross-section of companies, ranging from established retailers and brands to innovative new startups and prolific investors, spoke during the event.

Shoptalk Europe 2022 was hosted by Hyve International Events Limited at ExCel London. There were about 3000+ attendees with over 220 speakers, most of whom were C-suite.

Our Learnings

We’re at a tipping point in retail history. Businesses in nearly every sector have accelerated their digital transformation to adjust to the “new normal” and meet growing demand for online shopping. Latest figures show that over 85,000 businesses in the UK moved online during the pandemic alone. But, merely existing online doesn’t automatically lead to success

In a world where you never see your customer face-to-face, there are numerous hurdles to clear. So, in order for online retailers to thrive in this new world, up against fierce competition and other external forces dictating the global economy, the pressure to up their game is on.

How do online retailers go about emulating the quality of service and goods that people get in-store while providing a seamless experience from cart to door?

When it comes to spending our hard-earned cash, consumers want to know that they’re getting what they paid for without the frustration and stress of something going wrong. The good news is that most common e-commerce failures, such as poor address verification or late deliveries, are avoidable. Retailers who take a proactive approach to delivering the very best experience online don’t need to be worried, but retailers employing a ‘wait and see’ approach might find that customers have jumped ship and, worse, that they have no intention of coming back. The future of retail lies in Omnichannel, Metaverse, live commerce, Q-commerce and driving efficiency through automation and Robotics. 

Opportunities For Startups

The event served as a platform for the startups to pitch their ideas and form important fundraising, product, distribution, and other partnerships with retailers, brands, tech companies, investors, media, and more.

Some interesting startup pitches that we attended:

  • An AI-powered data intelligence platform that converts in-store transactional data from anonymous shoppers into highly-optimized digital audiences. This allows the online and offline sales to be mapped to the right marketing campaigns.
  • Live commerce: connect with customers for remote selling via video, audio, SMS, WhatsApp and chat.
  • Underground delivery system with zero Emissions.
  • AI powered chatbots and product recommendation solutions.
  • AI powered human translation platform.
  • Making in-store inventory visible to people searching for it nearby.
  • Delivering real time experiences by understanding the customer intent.
  • Crowd shipping.

What did we do?

  • Understand the trends in the retail sector.
  • Talk to customers and get to know their changing expectations.
  • Look out for the new offerings that we can provide to our customers.
  • Connect with peers, tech partners and service seekers.
  • Evaluate new frameworks, product offerings in retail .
  • Attend learning sessions and workshops on sustainability, new insights and perspectives on the fast changing retail industry.
  • Educate prospects and others about our offerings and brand story.
  • Network, Network, Network.

Our Takeaways

We were keen to meet and greet technology partners who are relevant and would add value to our existing customers in the form of their offerings. We also got the opportunity to meet and understand more about larger enterprise ecommerce frameworks like Commercetools, which is in the news for all the right reasons; HCL Commerce, Spryker, etc. This gave us an insight into the various enterprise-level features that these frameworks could offer in the digital transformation process.

As the world moves more towards an API-driven approach, these tidbits were of extreme use in formulating our strategy to stay ahead of the curve.

The keynote speakers were of particular interest, and some very high-quality content was discussed by them on stage. Anya Hindmarch was one of the standout performers, an English fashion accessories designer who founded an eponymous company. She was gracious enough to share a copy of her book, “If in doubt, wash your hair.”

We also got the opportunity to meet and greet some of the keynote speakers post presentation.

Well, we believe the 3-day event was informative and left us better than we were at the beginning. We look forward to the next edition.

Categories
Ecommerce

Ecommerce and NFTs

Ecommerce
and NFTs

Non-fungible tokens (NFTs) have the potential to transform the Ecommerce industry. This article is going to explore what we believe NFTs will do for the Ecommerce industry and how they are already making significant inroads.

ecommerce and nfts

Introduction

One of the most popular tags in the online business world is Ecommerce. Never in history, Ecommerce has been so powerful, yet simpler than today. It is easier for anyone to set up an online shop and sell their products or personalized services. A better user experience, faster delivery and cheaper prices are available in the ecommerce industry. However, the problem lies in different parts of the process in which they still need improvement. One of such problems is trust on ecommerce sellers and merchants. There are cases wherein we encounter fake products or unpersonalized services that are marketed as high quality ones. This leaves a big problem to users who have lost their money on these cases and there is no way to solve it. To solve this issue, non-fungible tokens (NFTs) may be the answer we are all looking for because it provides users a way to trade digitally unique objects by proving authenticity and ownership of each product or service sold.

Due to the increase in popularity of NFT’s and more people realizing its true potential,many eCommerce businesses are incorporating NFTs in their business strategies.Let’s take a look at this current trend and see how it will affect every eCommerce firm in the future. Finding methods to make our lives better, easier, and more convenient is what technology is all about. Now, technology has got us to the point where we can even sell things that aren’t real.

What is NFT ?

NFT stands for Non-Fungible Tokens, “Non-fungible” signifies that it is one-of-a-kind and cannot be substituted with anything else. For example your new “Nike Phantom GT2 Elite FG” football boots can be replaced by another new “Nike Phantom GT2 Elite FG” boots of the same size, but what if your boots were signed by Cristiano Ronaldo? It’s now a one-of-a-kind Football boots that can’t be swapped for other boots – it’s nonfungible.

Imagine you are an artist/creator and you want to sell your work. You can use NFT as a token to prove the authenticity of your work in the digital world. With NFTs, you can create unique digital items (like artworks or collectibles) with their own unique identity. These unique digital items are called tokens and are certified by the blockchain technology that makes them one of a kind (non-fungible).

Non-Fungible Tokens (NFTs) are digital assets that hold a unique value. Each token or crypto coin is different from the others, hence nonfungible. The most striking characteristic of NFTs is that they are indivisible and cannot be replaced by another asset of the same type. NFTs have a different value for each unit and cannot be traded like ordinary cryptocurrencies as they are not interchangeable.

How does NFT differ from Cryptocurrencies?

NFTs differ in many ways from other cryptocurrencies. Cryptocurrencies such as Bitcoin and Ethereum are fungible assets with the same worth on each coin or token

While fungible assets can be real (e.g., a home, money, or property) or intangible (e.g., cryptocurrency), NFT is exclusively digital. Any physical asset in digital form can be represented by an NFT, such as audio or video data, digital artwork, and so on. When a consumer buys an NFT, they’re buying the total product rights, not simply a license to use it. As a consequence, they can hold ownership for as long as they like or sell it to a new buyer.

The switch to buying virtual items is becoming increasingly popular among customers. While it may appear that the shift to selling entirely digital products poses a danger to eCommerce merchants around the world, it actually creates a new window of opportunities across the board.

We’ve been seeing this change in the market for some time now, and many businesses have not only adapted to it but have also embraced this sort of change as an opportunity to innovate and differentiate themselves from their competition.

How can NFT be used with eCommerce?

  1. Reliability and Satisfaction
    Let us assume you are buying yourself a sneaker from Nike. After placing your order, what if you get a NFT of your particular shoe ? wouldn’t it be exciting ?While it may appear to be more of an add-on at the moment, the mindset of offering products without shipping or storage costs is exciting merchants all over the world because it allows them to expand their product catalog while also increasing their profit margins on each sale, which is especially important given the Covid strike’s many logistical challenges in eCommerce.In the age of e-commerce and digital shopping, consumers are no longer looking for an experience. They want instant gratification. Thus, the boom of NFTs and hybrid shopping allow people to fill this experience gap. When they decide to purchase a tangible product that comes with a virtual NFT, customers have immediate ownership of these products, even if they have to wait for several days to receive the actual item.
  2. Product ownership Verification
    Let us again take the above Nike sneakers example, after you buy your sneakers, you’ll be able to have access to your sneaker’s NFT. as NFT’s are verified on the blockchain and will be attached to your Crypto wallet, it can serve as proof of ownership for the particular product.This is primarily due to the fact that an NFT’s qualities cannot be changed behind the scenes or without a record. This means that from the time an NFT is formed until it is handed to its new owner, there is a clear and irreversible record of transactions over the NFT’s entire life cycle.
  3. Can increase Sales
    NFT’s increase sales of different products if used correctly. With today’s marketplace where there is tough competition between similar products, attaching NFT’s with its physical products can help the product stand out with the rest of competition.It gives an upper hand when two different products compete that have similar quality. Consumers want more, and NFT’s being relatively new, news will spread faster and they mostly will go for products with NFT.
  4. Metaverse
    With the Metaverse concept being widely adopted by community and large companies, Getting wearable NFT’s (such as Shirts, shoes, hats, watches etc.) of Physical products while buying physical products can boost it’s sales.Nike has recently acquired RTFKT — pronounced “artifact” — which sells digital items in the form of non-fungible tokens (NFTs), virtual assets that are authenticated using the same blockchain technology as cryptocurrencies.They have also released “CryptoKicks” which are blockchain based Sneakers!Wearable NFT’s can be used by our Character in the Metaverse.People do want to look good in virtual places as they do in real life.Even though this is still in an early phase, we would definitely see a rapid development in the project with key players like “Meta” supporting it. Users can also buy nft’s from virtual worlds
  1. Advertising in Metaverse
    Wouldn’t it be crazy if people brought virtual land ? Apparently not, Prices for virtual land set a new milestone when a company bought property in The Sandbox metaverse for a record $4.3 million, according to The Wall Street Journal. People and companies are buying virtual land on metaverse paying millions of dollars.They believe that after everyone has completely embraced the metaverse, these will be used to promote their products.
Snapshot of a virtual land from Decentraland

Conclusion

NFTs are rapidly gaining traction in the crypto community and more people are becoming aware of their potential. In fact, a number of eCommerce stores have started accepting NFTs for their purchases and it is likely that the trend will continue.

However, just like any other new technology, there is still a long way to go before NFTs can become a standard offering for online retailers. For one thing, it is too early to gauge whether or not consumers would be willing to pay with these tokens.

Moreover, there are still a lot of questions surrounding their use. How can we ensure that they remain secure? What kind of products will actually benefit from them? How can we prevent their abuse and misuse?

In their current form, NFTs have a long way to go before becoming a universally recognised offering for a wide range of purchases. However, with numerous transactions, regular exposure, and real-world demonstration of their benefits, these tokens can prove their worth in the eCommerce sector.

For the time being, we can keep a watch on NFTs and their wider market adoption to see how soon they can reveal their true potential to the rest of the world.

Categories
Ecommerce

Hyva Admin and Checkout

Hyva Admin
and Checkout

hyva admin and checkout

Hyva - An Overview

Hyva is a Finnish word that means desirable, advisable or simply “good”. It was invented by Willem Wigman and later passed the baton to integer_net. The core product of Hyva is Hyva Themes which is a new frontend theme for Magento 2. Most of the ecommerce enthusiasts are now familiar with Hyva Themes which is considered as a PWA alternative. Hyva Theme replaced most of the JS libraries with Alpine.js and used Tailwind CSS to give a user-friendly interface and experience.

Highlights of Hyva Themes
 
  • Increased website performance
  • Better developer experience
  • Low implementation cost
  • Most suitable for small and medium-sized retailers
Apart from Hyva themes, They offer two more Magento modules which are free and open-sourced – Hyva admin and Hyva checkout. This article will give you an overview of Hyva admin and Hyva checkout modules

Hyva Admin

The Hyva admin module helps the user to create grids and forms in the Magento admin area without using UI components. It is an independent module and does not require Hyva themes as store frontend. The module eliminates developers’ problems with Magento 2 UI components and uses very simple steps to create complex admin grids in Magento 2.

Just like Hyva themes, Hyva admin also uses Alpine.js framework to render the admin grids where a user can create an admin grid using a few XML codes. Hyva admin grid APIs are stable and are used in production whereas form generation using the Hyva admin module is still work in progress. The progress can be tracked on github.

Requirements –
  • Magento 2.4.0 CE (the $escaper variable needs to be declared in templates)
  • PHP >= 7.3
  • Access to the Hyvä repository
Installation –

The module can be installed via composer using the following command :

composer require hyva-themes/module-magento2-admin

If you want a basic grid to be created on Magento admin while installing the module, please use the following command :

composer require hyva-themes/module-magento2-admin-test

Hyva Checkout

Hyva checkout module uses modern javascript library to provide a fast checkout experience to the customers. It replaces the default checkout and loads the react checkout. Hyva checkout is compatible with luma based themes, hyva theme and even use this with a headless approach with some modifications. The module contains a react app which replaces all default UI components with React components and uses GraphQL services in Magento. It depends on the following two variables in localstorage:

  • signin_token to the customer section
  • cartId to the cart section
Benefits of using Hyva Checkout –
  • Only a single javascript file is loaded to load the entire checkout
  • Faster checkout experience as compared to the default luma checkout
  • Ease of customization
  • Usage of Tailwind CSS and modern javascript library – React
Payment Services –

All payment methods in Hyva checkout are rendered as radio options but most of the payment methods have custom behavior. Some of the payment methods may show a form on the checkout whereas some may redirect to third party website pages. Hyva checkout offers the feasibility of custom rendering for payment methods which means we can extend the payment gateway interaction as per our need. We can also plug custom renderers defined in a separate repository with Hyva Checkout. Below are some of the available repositories –

Some of the payment gateway modules are work in progress and you can find more details here

Shipping Services –

Shipping methods are also rendered as radio options in the checkout, but the rendering behavior cannot be customized like payment methods as of now.

Dependencies –
  • React Knowledge – This is required as the module is completely built on React
  • Magento 2.3.4 and higher ( with Graph QL)
  • Nodejs >= 10
Installation –

The module can be installed via composer using the following command :

 
composer require hyva-themes/magento2-react-checkout
 

OR

You can install via github –

composer config repositories.hyva-themes/magento2-react-checkout git git@github.com:hyva-themes/magento2-react-checkout.git
composer require hyva-themes/magento2-react-checkout
 
Categories
Ecommerce

Hyva Widgets

Hyva widgets

Introduction to Hyva widgets

Hyva widgets, a set of magento widgets specifically built for hyva, which are an addition to the building tools that we get with PageBuilder. It provides users with a simple and effective CMS framework to quickly sync and build pages within a common ecosystem, without any additional requirements or libraries.They can be embedded in CMS pages directly as a widget, or can be embedded in containers using the Magento 2 admin layout functionality.

PageBuilder offers flexibility for the end user, they also add unnecessary complexity to customers who just want to log in and make the necessary content changes. Hyvä Widgets aims to provide the right amount of limitations for content creators to work within a website design system.

Developers can use them as a set of tools to create custom content templates, create custom layouts quickly, while using Hyvä Theme and Tailwind / Alpine technology.

Simplicity & delivery is the main problem they solve and they do this by :

  • Using native technologies well established into Magento 2
  • No additional dependencies except Hyvä theme.
  • Familiar and simplistic interface
  • Native TinyMCE Drag and Drop functionality.

Requirements

  • Magento 2.4 or higher
  • Hyvä Themes version 1.1.10 or higher
  • Access to Hyvä Themes

Installation

  1. Install via composercomposer require hyva-themes/magento2-hyva-widgets
  2. Enabling the modulebin/magento module:enable Hyva_Widgetsbin/magento setup:upgrade
  3. Adjusting the Tailwind Purge settings in ./app/design/frontend/[Your]/[Theme]/web/tailwind/tailwind.config.js, add the hyva-themes/magento-hyva-widgets module to the purge list configuration.

    purge: {

                content: [

                   …

    ‘../../../../../../../vendor/hyva-themes/magento2-hyva-widgets/**/*.phtml’

                 ]

    }

  4. Build the styles.css file Then run npm run build-prod from the web/tailwind directory of your theme.

Usage

Widgets can be added by Admin in Content> Widgets, or by the WYSYWIG / PageBuilder editor.

  1. First, go to the Magento admin UI and navigate to Content -> Pages -> e.g. Homepage.
  2. Open the Content section Enable Editor by clicking the “Show / Hide” button .
  3. Click on the Insert Widget icon. Select the widget type from the drop down eg: Hyva Content Widget.
  4. A widget popup will appear with a list of options.
  5. When you are done editing, press “Insert Widget” in the top right corner and save the page.
  6. In production mode, the Block HTML and Full Page Cache needs to be “Refreshed” for the changes to be applied on the frontend

Development

The module follows the design of the standard Hyvä module. Source code can be found in the vendor/hyva-themes/magento2-hyva-widgets/src/ directory of the package.

The etc folder has the widget.xml file, where we can see how the different widgets are initialized. The developers can modify or create a widget. xml in their module in order to add a field, or to add additional data or to create new widgets based on the blueprints provided by the module.

The view/frontend folder contains the template folder and the web folder. The templates are built using vanilla JS, Tailwind and Alpine. They can be overridden in a theme by creating a folder Hyva_Widgets/templates/widget/ and copying the template to override. This uses the native Magento 2 theme inheritance system.The web folder contains library code for the slider widget.

The ViewModel folder contains the class CategoryProducts. It is used in the category slider widget to provide the products for the selected categories.

Widget Types

We currently have four types of widgets that we can implement.

Hyvä Banner Widget

We can create a banner with an image or with just a background color and add some content like heading , text or button. It has different layouts that you can select – Full width, Half left caption and Half right caption.

Hyvä Category Products

We can show a listing of products from a certain category. We can list those as a grid or slider

Hyvä Content Widget

A simple content field which we can display in different ways. We can add a container around it and have some animations when it scrolls into view. It also allows using TailwindUI components.

Hyvä Multi Field Widget

It’s a listing of items which we can show as a grid or slider.A way to add multiple images with a title description optionally a button