This app block shows a loading icon when the page is loading. This way, your customers don’t have to see a blank page while waiting for the tracking page or shipment results to be shown.
The loader icon is displayed on your page, by default. The app element is hidden as soon as these two things happen:
- The tracking page is loaded, and the 🔎 Search box is shown.
- The tracking page is loaded, and the shipment information is shown.
Let’s see what can you customize in this app block:
In the GENERAL section, you can customize the colors as required.
The collared part rotates in the loader.
The background color of the loading icon.
Here is the preview of the setup of the color:
This section allows you to use custom CSS styling. You can refer to items in the CSS by .rush-loader-main
The CSS style box allows you to insert custom CSS.
Here are some common styling cases:
Pushing block 125px down of the tracking page
Show loader middle of the page
height: 80vh !important;
Apply opacity to the loading icon
- This element should be used only with the 🔎 Search box
- Shopify page allows you to add multiple loading components. However, we suggest you have only one per page.
For information and feedback, feel free to reach out to us.