> For the complete documentation index, see [llms.txt](https://docs.magecomp.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.magecomp.com/magento-2-free-shipping-bar-extension/front-end-display.md).

# Front-end Display

#### Free Shipping Bar

Front-end view of free shipping bar on the Home Page.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FxZ0aMahFXIOikBwK7Byy%2FHome%20Page%20Free%20Shipping%20Bar.png?alt=media&amp;token=26b0fbbe-f51e-43c9-a0f7-c7c26758beee" alt=""><figcaption></figcaption></figure>

Front-end view of free shipping bar on the Category Page.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FZ5qBAqN0AWEYZZx8aaHU%2FCategory%20Page%20Free%20Shipping%20Bar.png?alt=media&amp;token=3be780f5-1d91-4137-bfcb-c59e72995177" alt=""><figcaption></figcaption></figure>

Front-end view of free shipping bar on the Product Page.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FymWRGZ9itEIESgopOyb3%2FProduct%20Page%20Free%20Shipping%20Bar.png?alt=media&amp;token=d7c919a8-d4cd-4787-adb2-038449ffbe9a" alt=""><figcaption></figcaption></figure>

Front-end view of free shipping bar on the Shopping Cart Page.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FYAGIiXlUFMOW1eOjWaZP%2FShopping%20Cart%20Page%20Free%20Shipping%20Bar.png?alt=media&amp;token=93daeb36-a814-407a-bdba-d2f221cc111d" alt=""><figcaption></figcaption></figure>

Front-end view of free shipping bar on the Checkout Page.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2Fp5mHNAyo0rv4JPk2S4t8%2FCheckout%20Page%20Free%20Shipping%20Bar.png?alt=media&amp;token=b40a1082-1632-4003-8e5f-e6189e96dda9" alt=""><figcaption></figcaption></figure>

Front-end view of free shipping message on the Product Page.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2Fy2Oa2LLokCNoLZ3aHIkk%2FText%20below%20add%20to%20cart%20button%20on%20Product%20Page.png?alt=media&amp;token=74526347-8d27-43bf-887a-433f0f169859" alt=""><figcaption></figcaption></figure>

Front-end view of free shipping message on the Mini Cart.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FRjciwAh5ppxgECt5m74j%2FText%20on%20Mini%20Cart.png?alt=media&amp;token=97fb2424-bc9c-45d4-a35f-3c5f6f418f1b" alt=""><figcaption></figcaption></figure>

#### Announcement Bar

Front-end view of announcement bar.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FsoBQluUWrRzFRqJC4ap9%2FFrontend%20Announcement%20Bar.png?alt=media&amp;token=f0b941ed-5977-449c-94e5-dd0364c1c723" alt=""><figcaption></figcaption></figure>

If anything goes wrong, please contact us at <support@magecomp.com>

<br>