Learn to Create Checkout-like Step Progress Bar In Magento 2 – Programmatically

Learn to Create Checkout-like Step Progress Bar In Magento 2 – Programmatically


Deprecated: pathinfo(): Passing null to parameter #1 ($path) of type string is deprecated in /var/www/html/wp-content/plugins/urvanov-syntax-highlighter/class-urvanov-syntax-highlighter-langs.php on line 86

D

o you want to create checkout-like step progress bar in Magento 2? In this blog post, I am going to share a detailed method to do that. 👇

Filling up never-ending forms online can be tiring.

Let’s admit it—we all have ditched such lengthy forms many times. The end experience is very poor! If you are a Magento 2 store owner, you can make this experience better for your customers by adding a checkout-like progress bar in Magento 2 forms.

We all are acquainted with the checkout progress bar in Magento 2, where the top bar shows the finished/unfinished steps by the customers.

Create Checkout-like Step Progress Bar In Magento 2

The progress bar in Magento 2 checkout consolidates all the details on one page. Adding a progress bar in Magento 2 can be an effective strategy to increase form fill-ups. Just like us, other users also hate filling up lengthy forms. Breaking down the form into small steps can make the boring process look straightforward.

In this micro post, we’ll see how to add a checkout-like step progress bar in Magento 2.

Let’s dive into it.

Code to Create Checkout-like Step Progress Bar in Magento 2

Creating a checkout-like step progress bar in Magento 2 is straightforward.

We can re-use the core Magento 2 opc-progress-bar class for the checkout progress bar in .phtml file to do that.

For example:

Modify the above code snippet and add it to .phtml file of the page where you want to show the progress bar.

  • In the above code, the opc-progress-bar class refers to the main progress bar in <ul> HTML tag.
  • The opc-progress-bar-item class refers to the individual step.
  • The _active class is added to the <li> tag for the currently active step.
  • The _complete class is added to the <li> tag for the completed steps.

Customize the above code to display the checkout-like progress bar in Magento 2 according to your requirements!

That’s it! I hope this blog post has added something valuable to your Magento knowledge!

In case you still have any queries, feel free to comment.

Learn to Create Checkout-like Step Progress Bar In Magento 2 – Programmatically

How the new Omnibus Directive is going to change e-commerce: a guide for business operators

What is the Omnibus Directive?

The Omnibus Directive is a set of rules introduced by the EU to regulate e-commerce. It’s part of the EU’s Digital Single Market strategy.

The strategy aims to make it easier for businesses and consumers to buy and sell goods and services online across the EU. The Omnibus Directive came into force on July 1, 2021, and applies to all EU member states.

The Omnibus Directive covers various issues related to e-commerce. Examples include online marketplaces, price transparency, and consumer rights.

The directive also includes new rules on online platforms like social media, search engines, and app stores.

The ultimate goal is to implement new consumer laws that dictate business operations and pricing strategies.

How the Omnibus Directive is going to change e-commerce

The Omnibus Directive is going to change e-commerce in several ways. Here are some of the critical changes you need to know about:

More transparency for online marketplaces

If you’re running an online marketplace like Amazon or eBay, you must be more transparent about ranking and displaying products.

You’ll also need to provide more information about the sellers who use your platform. This includes things like business names and contact details.

Greater price transparency

If you sell goods or services online, you must be more transparent about your prices.

You’ll need to provide transparent information about the total price of the product or service. This includes any taxes, fees, or delivery charges.

Improved consumer rights

The Omnibus Directive includes new rules on consumer rights. Examples include the right to cancel a purchase within 14 days and return faulty goods.

You must comply with these rules if you sell goods or services online.

New rules for Online Platforms

The Omnibus Directive also includes new rules for online platforms like social media, search engines, and app stores. These platforms must be more transparent about how they rank and display content.

They’ll also need to provide more information about the advertisers who use their platforms.

omnibus-directive

Tips on how to comply with the Omnibus Directive

Complying with the Omnibus Directive may seem daunting. However, you can take some simple steps to ensure your business follows the new rules.

Be transparent about pricing

Ensure you’re providing clear information about the total price of your products or services. You should also make sure that your prices are accurate and up-to-date.

Be transparent about your sellers

If you run an online marketplace, provide clear information about your platform’s sellers. You should also be transparent about how you rank and display products on your platform.

Follow the new rules on consumer rights

Ensure you’re following the new rules on consumer rights. You should also ensure that your refund and return policies are clear and easy to understand.

Be transparent about your platform’s ranking algorithm

If you run an online platform, such as a search engine or social media site, ensure you’re transparent about how you rank and display content. You should also provide more information about the advertisers who use your platform.

omnibus-for-ecommerce

Potential consequences of failing to comply with the Omnibus Directive

If you do not comply with the Omnibus Directive, there can be serious consequences for your e-commerce business. The EU has implemented enforcement measures to ensure the new rules are followed.

Here are some of the possible consequences of not complying with the directive:

Fines

If you breach the Omnibus Directive, you may be fined. The fines can be substantial and may vary depending on the severity of the breach and the size of your business.

Legal action

Consumers who feel their rights violated under the Omnibus Directive may take legal action against your business. This could result in additional costs, such as legal fees and damages.

Loss of reputation

If your business breaches the Omnibus Directive, it could damage your reputation and erode customer trust. This could lead to a loss of sales and revenue.

Suspension or closure of your online store

In extreme cases, your online store may be suspended or closed down. This will occur if you’re in serious breach of the Omnibus Directive.

An overview of the Omnibus Directive

The Omnibus Directive is an important set of rules that e-commerce operators need to know. The directive aims to make e-commerce more transparent and consumer-friendly.

It is also staged to create a level playing field for businesses across the EU.

If you’re running an online store or marketplace, it’s important to understand how the Omnibus Directive will change e-commerce and what steps you need to take to comply with the new rules.

By being transparent about your pricing, your sellers, and your platform’s ranking algorithm, you can help build trust with your customers and ensure that your business operates fairly and competently.

It may take some time and effort to adapt to the new rules, but you can stay ahead of the game by doing so. It will also allow you to grow your e-commerce business responsibly and sustainably.

Are you ready for the coming changes?

If you’re an e-commerce operator, take the time to familiarize yourself with the Omnibus Directive and start implementing the changes that you need to make.

By doing so, you can help to create a more transparent and consumer-friendly e-commerce landscape. Complying with new rules and regulations can also help avoid potential consequences.

Learn to Create Checkout-like Step Progress Bar In Magento 2 – Programmatically

How to Import and Export Products in Magento

Things to Know Prior to Magento Import & Export

Before we start there are a few things you have to know prior to moving products. 

Magento import and export works with the CSV file types. So you have to know how to work with CSV files before you export or import products. 

The best way to do this?

Google Sheets for sure. The main benefit is it is completely free and you most likely already have a Google account to use it. Besides, Google Sheets don’t break the CSV formatting and you can download the file without any changes to the separator or delimiter values.

If you considered Microsoft Excel or Open Office, we don’t recommend it since you’ll have a hard time editing delimiters and separators as these tools break the formatting.

CSV File Structure

Once you export products from Magento 2 you will have a sample of the CSV file with the columns you can update or edit. However, if you’re just preparing a CSV file for import you have to know the structure of the product CSV file.

ColumnExampleDescription
skusku_123An alphanumeric identifier is used to track inventory. Can be up to 64 characters long with letters and numbers separated by underscores or dashes. (SKUs with more than 64 characters will cause the import to fail)
store_view_codeEnglishSpecifies the store views where the product is available. If you leave it blank the product will be available on the default store view.
attribute_set_codeDefaultAssigns a product to a specific attribute set (you should have attribute sets created before importing products) based on the product type. If the product is created, you can’t change the attribute set.
product_typesimpleDefines the type of product: simple, grouped, configurable, virtual, bundle.
categoriesDefault Category/Gear,Default Category/Gear/Fitness EquipmentDefines a category assigned to a product. Separate category paths with the pipe (|) symbol.
product_websitesbase,website2Indicates a website code where the product is available. To set multiple websites, separate each with a comma without a space.
nameSprite Yoga Strap 6 footThe name of the product.
description<p>The Sprite Yoga Strap is your untiring partner in demanding stretches, holds and alignment routines. The strap’s 100% organic cotton fabric is woven tightly to form a soft, textured yet non-slip surface. The plastic clasp buckle is easily adjustable, lightweight and durable under strain.</p><ul><li>100% soft and durable cotton.<li>Plastic cinch buckle is easy to use.<li>Three natural colors made from phthalate and heavy metal-free dyes.</ul>Defines the product name that is used in the listing. Can include valid HTML tags.
short_description<p>The Sprite Yoga Strap is your untiring partner in demanding stretches, holds and alignment routines.</p>Identifies product description. Includes valid HTML tags.
weight1The weight of the product is in the 1.00000 formats.
product_online1Determines whether a product is enabled or not.
tax_class_nameTaxable GoodsDefines the name of the tax class associated with this product.
visibilityCatalog, SearchDefines whether a product is not visible individually, in the catalog, in search, or bot catalog and search.
price14The price of the product.
special_price10A discounted price of the products during a specified period.
special_price_from_date2022-07-19 03:34:20A date when the discount price is activated.
special_price_to_date2022-07-19 03:34:20A date when the discount price is deactivated.
url_keysprite-yoga-strap-6-footDefines the part of the URL that identifies a product.
meta_titleThe Best Sprite Yoga Strap 6 footA meta title of the product that appears in the search results list.
meta_keywordssprite yoga, best sprite yoga strap, yoga strapMeta keywords are separated by a comma with space.
meta_descriptionThe Sprite Yoga Strap is your untiring partner in demanding stretches, holds and alignment routines.Product meta description.
base_imagehttps://cozmot.com/blog/wp-content/uploads/2022/07/sprite-toga-strap.pngDefines a relative path for the main product image. (images should be uploaded to pub/media/import). You can also use the direct URL of the image.
base_image_labelBase image “Alt Text”A label of the base product image.
small_imagehttps://magefan.com/media/logos/default/logo.pngA name of the small image file that is used on catalog pages preceded by forward slash.
small_image_labelSmall image “Alt Text”A label associated with the small image.
thumbnail_imagehttps://cozmot.com/media/logos/default/logo.pngA file name of the thumbnail image that will appear on the product page gallery preceded by forward slash.
thumbnail_image_labelThumbnail image “Alt Text”A label associated with the thumbnail image.
created_at2022-07-19 03:34:20Defines the date when the product was created. Use the following format: yyyy-mm-dd hh-mm-ss.
updated_at2022-07-19 03:34:20Defines the date when the product was last updated. Use the following format: yyyy-mm-dd hh-mm-ss.
new_from_date2022-07-20 03:34:20Specifies a date when the product starts to be featured as a new product. Use the following format: yyyy-mm-dd hh-mm-ss.
new_to_date2022-07-20 03:34:20Specifies a date when the product stops being featured as a new product. Use the following format: yyyy-mm-dd hh-mm-ss.
display_product_options_inBlock after Info ColumnDetermines where product options should appear on a product page if a product has multiple options.
map_price10A minimum advertised price of the product.
msrp_price10A manufacturer’s suggested product price. 
map_enabled0Determines if the Minimum Advertised Price is enabled.
gift_message_available Determines if a gift message will be displayed for a product during purchase.  
custom_design List themes that can be applied to a product page.
custom_design_from2022-07-30 12:12Specifies a date when the selected theme is applied to the product.
custom_design_to2022-07-30 12:12Specifies an end date when the selected theme is applied to the product.
custom_layout_update Specifies additional XML code that is applied to product page layout.
page_layout Defines the layout of the product page: No layout updates, 1 column, 2 columns with left bar, 2 columns with right bar, 3 columns, empty.
product_options_containerBlock after Info ColumnDetermines where product options will be displayed on the product page.
msrp_display_actual_price_typeUse configDetermines where to display the actual price of the product for a customer; in the cart, before order confirmation, on gesture.
country_of_manufactureSwedenIdentifies the country where the products was manufactured.
additional_attributeshas_options=1,quantity_and_stock_status=In Stock,required_options=0Defines additional attributes created for a product. (custom product options)
qty100Quantity of products that are currently in stock.
out_of_stock_qty0The stock level to determine when the product is marked as out of stock.
use_config_min_qty1Determines whether to use the default value from the config.
is_qty_decimal0Determines if the qty attribute has a decimal value. Set 1 is the qty can be decimal.
allow_backorders0Defines whether your store allows backorders. Set 1 if you allow backorders.
use_config_backorders1Determines whether to use the default backorders config.
min_cart_qty1Defines the minimum qty of the product that can be purchased per order.
use_config_min_sale_qty0Determines whether to use the default value from the config.
max_cart_qty0Defines the maximum qty of the product that can be purchased per order.
use_config_max_sale_qty1Determines whether to use the default value from the config.
is_in_stock1Defines if the product is in stock.
notify_on_stock_below1Specifies the number of products that trigger the out-of-stock notification.
use_config_notify_stock_qty1Determines whether to use the default value from the config.
manage_stock0Defines if inventory control is used to manage a product. Set 1 to control the stock quantity.
use_config_manage_stock1Determines whether to use the default value from the config.
use_config_qty_increments1Defines whether to use product quantity increments from the store config.
qty_increments0Determines if the product is sold in quantity increments.
use_config_enable_qty_inc1Determines the default config setting to enable quantity increments.
enable_qty_increments0Defines if the quantity increments are enabled for a product.
is_decimal_divided0Defines if some part of a product can be shipped separately.
website_id1Defines a specific website where the product is available. When black the product will be available on all websites.
related_skus24-WG087,24-WG086List of the related products SKUs comma-separated.
related_position1, 2, 3, 4Determines the position of the SKUs listed as Related Products.
crosssell_skus24-WG087,24-WG086List of the cross-sell SKUs comma-separated.
crosssell_position1, 2, 3, 4Determines the position of the SKUs listed as Cross-sells.
upsell_skus24-WG087,24-WG086List of the up-sell SKUs comma-separated.
upsell_position1, 2, 3, 4Determines the position of the SKUs listed as Upsells.
additional_imageshttps://cozmot.com/media/logos/default/logo.pngThe file names of all additional images associated with a product.
additional_image_labelsAdditional image “Alt Text”Labels of the additional images associated with a product.
custom_optionsname=Custom Yoga Option,type=drop_down,required=0,price=10.0000,price_type=fixed,sku=,option_title=Gold|name=Custom Yoga Option,type=drop_down,required=0,price=10.0000,price_type=fixed,sku=,option_title=Silver|name=Custom Yoga Option,type=drop_down,required=0,price=10.0000,price_type=fixed,sku=yoga3sku,option_title=Platinum Defines the values and properties assigned to each custom option.


Now that you know what columns will the sample CSV file contain and what each of them means, you can move to the Magento import and export.

How to Export Products in Magento 2?

To export products in Magento 2: 

1. Navigate to System > Data Transfer > Export.

2. Choose Product as the Entity Type and CSV — as Export File Format

Export products in Magento 2

3. Filter through product attributes to export only those you really need and click Continue.

Filter Product Attributes

You’ll get a message that the import was scheduled and once the cron runs the products will be exported. So make sure your crons are configured correctly.

Magento Export Products

How to Import Products in Magento 2?

Magento product import is a little harder than export since you need to import product images separately. But we’ve got you covered.

Just follow these steps to import products to Magento 2:

1. Navigate to System > Data Transfer > Import and choose Product as the Entity Type. 

Import Product in Magento 2

Note: you can download the sample file right on this step to make sure your CSV file follows the sample. Also, make sure the size of the import file doesn’t exceed the limit of 2M and upload images to pub/media/import if you want to specify image paths in the CSV file.

2. Configure Import Behaviour

  • Select what Import Behaviour you prefer in a corresponding section: Add/Update, Replace, Delete.
  • Define the Validation Strategy to determine what happens if any errors occur during import.
  • Set the Allowed Errors Count to define how many errors can occur before the import is canceled.
  • Accept the default value on a comma in Field separator and Field separator fields.
  • Check the Fields Enclosure if you want to enclose any special characters found in the data.
Magento Import Behaviour

3. Identify the Import File

Here you have to upload your CSV file and enter the relative path to the server where uploaded images are stored in the Images File Directory field.

File to Import

Once you fill out all of the required field, click Check Data in the upper-right corner and wait for the process to complete. 

Magento Import Validation

If your CSV file is valid, press Import and import products to Magento 2. You can track the import via System > Data Transfer > Import History.

Magento Import History

Magento import & export feature is more than enough to perform some basic editing or updating tasks when you operate your products between Magento instances.

What's New in PHP 8.0 Release a Major Update of the PHP language

What's New in PHP 8.0 Release a Major Update of the PHP language

Named arguments

  • Specify only required parameters, skipping optional ones.
  • Arguments are order-independent and self-documented.

Attributes

Instead of PHPDoc annotations, you can now use structured metadata with PHP’s native syntax.

Constructor property promotion

Less boilerplate code to define and initialize properties.

Union types

Instead of PHPDoc annotations for a combination of types, you can use native union type declarations that are validated at runtime.

Match expression

The new match is similar to switch and has the following features:
  • Match is an expression, meaning its result can be stored in a variable or returned.
  • Match branches only support single-line expressions and do not need a break; statement.
  • Match does strict comparisons.

Nullsafe operator

Instead of null check conditions, you can now use a chain of calls with the new nullsafe operator. When the evaluation of one element in the chain fails, the execution of the entire chain aborts and the entire chain evaluates to null.

Saner string to number comparisons

When comparing to a numeric string, PHP 8 uses a number comparison. Otherwise, it converts the number to a string and uses a string comparison.

Consistent type errors for internal functions

Most of the internal functions now throw an Error exception if the validation of the parameters fails.

]]>

2020 US Election Live Updates Biden Wins White House

2020 US Election Live Updates Biden Wins White House

2020 Election Live Updates:

Biden Wins White House

Please use the sharing tools found via the share button at the top or side of articles. Copying articles to share with others is a breach of FT.com T&Cs and Copyright Policy. Email [email protected] to buy additional rights. Subscribers may share up to 10 or 20 articles per month using the gift article service. More information can be found here. Biden: ‘We feel good about where we are’ Lauren Fedor Joe Biden called for “patience” and said “we feel good about where we are” even as the Trump campaign has filed several lawsuits in states that are still counting ballots.]]>

Top real estate consultants in DHA Lahore

DHA is Bigger market and to choose right Real Estate Agency from that market is an important espect.

  1. Sarfraz Hamid Properties
    1. Sarfraz Hamid Properties also famous as Real Estate GURU DHA Specialists Entity Established in 2015 but CEO Sarfraz Hussain and COO Hamid Latif were working in Chohan Estate as DHA Specialist for more than 20 years and they founded company with great people from industry. Main Office is Located in 25-MB DHA Phase 6 Lahore.
  2. Chohan Estate
    1. Chohan Estate is Considered as most Trusted Agency in all over Pakistan. Chairman & CEO Yousuf Chohan created a Name in Real Estate Market. Main Office is in DHA Lahore Masjid Chowk Phase 3 but multiple offices all around country.
  3. Lahore Real Estate
    1. Lahore Real Estate Deals in DHA, Bahria and most of the other Societies in Lahore. Their Office is in DHA Lahore Phase 6.
  4. Imlaak
    1. Imlaak Deal in DHA and other associated projects with DHA and also provide Trusted Services in DHA Lahore. Office is FF, DHA Phase 4
]]>