How to Customise the Shopping Cart Icon

The Shopping Cart icon is automatically added to your website as soon as the Store option is enabled on your Sitebeat eCommerce plan. You can customise the icon’s style, color, or badge color to fit your branding.

Note: The Store option is only available for the Sitebeat eCommerce plan and will not appear on all other Sitebeat plans. Suppose you want to set up an online store with complete SSL protection as well as easy setup and monitoring of products and orders. In that case, you will need to upgrade your current Sitebeat plan or purchase a new Sitebeat eCommerce plan.

Follow the instructions below to customise the Shopping Cart icon:

  1. Log In to access the Sitebeat dashboard.
  2. Under My Sites, click the Edit Site option on the website or project card that you wish to manage.
  3. Note: If you want to edit a new site, you have to unpublish the current website and make your new site as your primary website.

    Under My Sites, click the [...] Ellipsis Icon on the top-right corner of the website to unpublish the current site. Click Unpublish Site, and then click Yes, Unpublish to confirm.

    Under My Domains, click the [...] Ellipsis Icon of the website that you want to replace as your primary website, then click Replace Primary. In the pop-up window, select the domain of the new website in the New Primary Domain list, then click Replace Primary. You can also click the Domains tab under My Sites to perform the necessary steps mentioned.

    You can now edit the new site that you wish to manage.

  4. On the Sitebeat Editor, click the Shopping Cart icon in your Menu Block, which is the top section of your website.

    If you haven’t started with your store yet, click the Store option from the left-side menu, and then click the Get Started button. Wait a few seconds for the Sitebeat Editor to add a Store Page and Shopping Cart icon to your website.
  5. Click on the corresponding box beside Icon to set its color and opacity, and then click Apply.
  6. Hover your mouse pointer over the image under Style, then click Change Style.
  7. Select your preferred Style from the expanded list.
  8. Click the [←] Back Icon on the pop-up box to access your Menu Block’s Layout settings.
  9. Click and drag the Shopping Cart bar to move it to your desired position within the Menu Block.
  10. Click the Design tab to customise the elements—background color and opacity, alignment, border thickness, and the type of menu you prefer—within your Menu Block.

You’ve just customised the Shopping Cart icon on your website.

Was this helpful?
89% of people found this helpful.