Paul Chinmoy

Web Developer

Adding Woo Cart Icon, Search Icon and Custom Button at Astra Header

Woo Cart, Search Form & Button

How do you add Woo Cart Icon, Search Icon and Custom Button as last menu items at Astra theme header? You can only add one item as last menu item via Astra customizer. In this tutorial I’ll show how you will add these three features as an one menu item at header.

Adding Button As Last Menu Item

At first we’ll add the custom button as last menu item at site header via Astra theme customizer. Here you will go:

  1. Navigate to Appearance -> Customize
  2. Click on Header -> Primary Menu
  3. Select “Button” from Last Item in Menu select box
  4. Setup the extra settings as per your note
  5. Save & Publish

Custom Button in Astra Header

Adding Cart and Search Icon

Now we’ll add the woo mini cart icon and search form icon at left side of the custom button. We need small PHP script for it. Open the functions.php file of your Astra child theme and add the following PHP codes at end of the file:

The rest of the content is available for Pro members. Click on the PAY NOW button to enable access to this content.

$15.00Pay Now

* Payment is non-refundable.

Paid members will be able to login below to see the restricted content.

Login

2 reviews for Adding Woo Cart Icon, Search Icon and Custom Button at Astra Header

  1. Austin (verified owner) –

    Very handy info thank you Paul! One quick question – I noticed my cart is displaying the cart title and cart amount but in your sceenshot these aren’t showing. I’ve got these turned off in the Customiser settings.

  2. Rachel Seago (verified owner) –

    Thanks for this. Would be good to be able to add the cart after the button? I’m not teccy so would be interested to have that option too.

    • Paul –

      Need the small CSS. Can you share your site URL please?

Only logged in customers who have purchased this product may leave a review.

Search Tutorials