README

An extension to improve the checkout.

For example, the visitor can be shown a progress bar (based on the Bootstrap Progress component) in off canvas shopping cart and the normal shopping cart, which shows in real time the remaining amount until free shipping. If necessary, you can change the background color of the progress bar and the progress. In addition, an animation can be displayed in the progress bar and a truck icon can be displayed before the text.

It is also possible to hide the input field for a voucher code in off canvas shopping cart and the normal shopping cart.

The display of the input field for a product number can also be prevented in the normal shopping cart.

how to use it

shipping method settings

1. go to "Settings", "Shop" and "Shipping" and open a shipping method, for example "Standard"
2. switch to the area "Unrestricted"
3. select the property "Cart price" for the price matrix
4. add a pricing level via the button "Add pricing level" for a cart price for example from "0" to "38.99" euro with "3.99" euro shipping costs
5. add a second pricing level for a cart price from "39" euro to "infinite" with "0" euro shipping costs
6. click on the button "Save"

Possible configurations for the free shipping progress bar

• select if the free shipping progress bar should be shown in the off canvas shopping cart
• select if the free shipping progress bar should be shown in the shopping cart
• select the background color of the progress bar (*1)
• select the background color of the progress (*1)
• select if an animation should be shown
• set the text of the hidden headline via snippet
• select if a truck icon should be shown before the text
• set the text until free shipping is reached via snippet
• select if the success message should be shown
• set the text when reaching free shipping via snippet

Possible configurations for the input field for a voucher code

• select if the input field should be shown in the off canvas shopping cart
• select if the input field should be shown in the shopping cart

Possible configurations for the input field for a product number

• select if the input field should be shown in the shopping cart

Available snippets

• sschreier.improvingcheckout.freeShippingProgressBar.headline
• sschreier.improvingcheckout.freeShippingProgressBar.textUntilIsReached
• sschreier.improvingcheckout.freeShippingProgressBar.isReached

Some changes in the settings within the configuration are not immediately visible in the frontend of the shop

After changing settings specifically for the appearance of the free shipping progress bar (*1), the theme must be recompiled, for example by saving the theme in the administration:

1. Switch to "Content" and "Themes"
2. Select the active theme
3. Click on the button "Save"

How to install the extension

via zip and console (recommended)

1. Download the latest SschreierImprovingCheckout-master.zip.
2. Unzip the zip file and rename the folder to SschreierImprovingCheckout.
3. Move the folder to the project folder custom/plugins/ .
4. Connect to the console via ssh:

bin/console plugin:refresh
bin/console plugin:install --activate SschreierImprovingCheckout

via composer

1. Add the repository URL to the composer.json of the project

"repositories": [
    ...,
    {
        "type": "vcs",
        "url": "https://github.com/sschreier/SschreierImprovingCheckout"
    }
],

1. Connect to the console via ssh and install the plugin via the command

composer require sschreier/sschreierimprovingcheckout
bin/console plugin:refresh
bin/console plugin:install --activate SschreierImprovingCheckout

via https://packagist.org

• Connect to the console via ssh and install the plugin via the command

composer require sschreier/sschreierimprovingcheckout
bin/console plugin:refresh
bin/console plugin:install --activate SschreierImprovingCheckout

via zip upload

1. Download the latest SschreierImprovingCheckout-master.zip.
2. Unzip the zip file and rename the folder to SschreierImprovingCheckout.
3. Zip the folder to SschreierImprovingCheckout.zip.
4. Upload the zip in the Shopware Administration.
5. Install & Activate the extension.

extension update (zip)

1. Download the latest SschreierImprovingCheckout-master.zip.
2. Unzip the zip file and rename the folder to SschreierImprovingCheckout.
3. Zip the folder to SschreierImprovingCheckout.zip.
4. Upload the zip in the Shopware Administration.
5. Update the extension.

Images

free shipping progress bar in the off canvas shopping cart

free shipping progress bar in the normal shopping cart

success message in the normal shopping cart

free shipping progress bar in the normal shopping cart with discount

free shipping progress bar in the normal shopping cart with input field for a voucher code

free shipping progress bar in the normal shopping cart with input field for a product number

free shipping progress bar in the normal shopping cart with a free shipping product

extension configuration part 1

extension configuration part 2

extension configuration part 3

extension configuration part 4

shipping method settings