How To Enable Dropdown Cart Preview – Header Builder Astra Theme

YouTube video

For e-commerce websites, enhancing user experience is paramount, and one way to achieve this is by enabling a dropdown cart preview. This feature allows customers to quickly view their selected items without navigating away from their current page, providing a seamless and efficient shopping experience. If your site is built with the Astra theme for WordPress, you can easily activate a dropdown cart preview through the Header Builder. This guide will walk you through the steps to enable a dropdown cart preview, adding a dynamic and convenient element to your online store.

  1. Access WordPress Dashboard: Start by logging into your WordPress backend. This is the central control area for managing your website’s settings and content.
  2. Navigate to Astra Theme Settings: In your dashboard, locate the ‘Astra’ option in the left-hand menu bar and click on it. This will open the settings page specific to the Astra theme.
  3. Go to Theme Customizer: Look for the ‘Go to Customizer’ link or button within the Astra settings and click on it. This opens the WordPress Customizer, where you can make real-time adjustments to your theme.
  4. Open Header Builder: In the Customizer, select ‘Header Builder’. The Header Builder is a feature of the Astra theme that allows for detailed customization of your site’s header.
  5. Access Cart Settings: Click on ‘Cart’ within the Header Builder. Ensure that the cart module is already added to your header, as the necessary settings will not be available otherwise.
  6. Set Cart Click Action to Dropdown: Locate the ‘Cart Click Action’ option in the cart settings. Change this setting to ‘Dropdown’, which will enable the dropdown cart preview when users click on the cart icon.
  7. Publish the Changes: After setting the cart click action to dropdown, click on the ‘Publish’ button. This will save your changes and apply the dropdown cart preview to your live website.

Enabling a dropdown cart preview in your Astra-themed WordPress site is an excellent way to streamline your customers’ shopping experience. It offers a quick and intuitive way for users to review their cart items, potentially leading to a more efficient and enjoyable shopping process. Be sure to test this feature across different devices to ensure it works smoothly and enhances your site’s usability.