https://github.com/sschreier/sschreierimprovingcheckout
A shopware 6 extension to improve the checkout. For example, the visitor can be shown a progress bar in off canvas shopping cart and the normal shopping cart, which shows in real time the remaining amount until free shipping.
https://github.com/sschreier/sschreierimprovingcheckout
checkout shopware-platform-plugin shopware-plugin shopware6 shopware6-plugin
Last synced: 3 months ago
JSON representation
A shopware 6 extension to improve the checkout. For example, the visitor can be shown a progress bar in off canvas shopping cart and the normal shopping cart, which shows in real time the remaining amount until free shipping.
- Host: GitHub
- URL: https://github.com/sschreier/sschreierimprovingcheckout
- Owner: sschreier
- License: gpl-3.0
- Created: 2025-04-05T08:27:26.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2025-10-11T07:45:55.000Z (8 months ago)
- Last Synced: 2025-12-14T16:31:03.519Z (6 months ago)
- Topics: checkout, shopware-platform-plugin, shopware-plugin, shopware6, shopware6-plugin
- Language: Twig
- Homepage: https://www.web-solutions-dresden.de/verbesserung-des-checkouts
- Size: 25.4 KB
- Stars: 4
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# An extension to improve the checkout for Shopware 6
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"
}
],
```
2. 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
