Top Bars

Top Bars

In this article, you will learn how to create promotion or notification bars at the top of your pages using Tapita Top Bars.
Like this:


Step 1: Create a Top Bar in Tapita

On Tapita left menu, click View more > Top Bars.



Click Add New to create a new bar. Select one of Tapita top bar templates to edit it.



On the builder page, you can edit the template content as you want.

You can only edit the content of the templates, such as texts, colors, or sizes. You cannot add or remove elements.

After you've done, go to Section Settings to change the top bar name, select Publish and click Save and Publish.



After you've published your top bar, please wait for about 1-2 minutes before doing the next step.

Step 2: Add the published top bar into Shopify pages

Now, your published Top Bar is ready to be added into all or any specific Shopify pages.

In your Shopify admin, go to Online Store > Themes > Customize.

In the page customizer, expand the Header section and click the Add block (+) button.



You will find your newly-created section here, with the text "Tapita_H - " at the start. Click on it to add it into the header.

Finally, click Save. And that's it! Your top bar is now showing on the top of your store for all pages.

To hide the top bar for specific pages

By default, Top Bars will show on all pages in your website.

If you want to hide a top bar for some specific pages, go to the bar's Section Settings > URL to Exclude, and enter the path of the URL that you don't want the top bar to show on.
You can enter multiple paths, separated by comma "," .



In the above example, any URL that contains "cart" or "checkout" in its path will not show the Coupon Bar.

    • Related Articles

    • How to make overlapping sections or images in Tapita

      Normally, the sections on your page are stacked on top of one another as separate sections. However, sometimes you want some sections/images to overlap for better visual effect, like in our template Contact Us 4, or this blog template SM Global. This ...
    • How to turn your collection page from zero to hero

      What is a collection page? The collection page is an e-commerce page that has a selection of products organized for the user to browse. These pages are used by customers to browse your product line and learn more about potential purchases. The ...
    • Learn about Tapita page builder elements

      Page elements is an essential part of a page builder tool like Tapita. Once you've mastered the elements, then you've mastered Tapita! In Tapita, you can add the elements into your page by either: Drag and drop the elements from the left menu Quick ...
    • How to create a blog post that attracts the most traffic

      What is a blog post? A blog post is a single article posted on a blog, which serves as a publishing platform for written content. A blog can exist as a separate website or as a component of another website. Blogs can be used for a variety of things. ...
    • How to create a landing page that converts

      A landing page, often known as LP, is quite likely to be the very first "actual" encounter a visitor has with you, regardless of whether they arrive there via your homepage, a link from an advertising, or the outcome of a popular search phrase. Your ...