QAB — QAB

Boundless Theme Integration - QAB

Boundless Theme Integration QAB QAB theme integration

Step 1: Add CSS Go to Admin > Online Store > Themes Click the "Actions" button on the right-hand side, and select "Edit code" Find theme.scss.liquid from the left-hand side file list and open it Add following codes at the very end of the file and save the changes. #qab_background {   z-index: 90 !important; } Enjoy the app Congratulations. You successfully integrate the Quick Announcement Bar with your Boundless theme. If you cannot see the Quick Announcement Bar yet. Please double check Step 1 and make sure you save the settings.

Read more →


Brooklyn Theme Integration - QAB

Brooklyn Theme Integration QAB QAB theme integration

Step 1: Select the placeholder option Select the last option under the "position" setting in the bar configuration in the App Scrolling to the very end, and click the "Save" button to save the change Step 2: Add the bar Go to Admin > Online Store > Themes Click the "Actions" button on the right-hand side, and select "Edit code" Find header.liquid from the left-hand side file list and open it (Cannot find header.liquid file? You are using a legacy version of the Brooklyn theme. Find theme.liquid file instead.) In the file, find <header class="site-header Add following codes before it and save the changes. <div id="qab_placeholder"></div> Step 3: Add CSS...

Read more →


A list of QAB FAQs

QAB QAB FAQs

Why is the bar not showing up on my website? Please check the detailed guide here to see the potential reasons The bar covers parts of my website, how to fix it? Please check the QAB theme integration guides. If you could not find the solution. Please email us and include your store URL; we will investigate it for you. Can I have multiple Quick Announcement Bars on my website? Yes. In the premium plan, you can have unlimited number of bars.  If you would like to have multiple bars display on the same page, you could put them in rotation. Check the detail guide here on how to...

Read more →


How to create rotating bars?

QAB QAB FAQs

Step 1: Create more than 1 bar as normal Step 2: Set the "Seconds to Display Before Retraction" of every running bar to a non-zero value This timer defines how long the bar displays. For example, If the timer is 5, the bar display for 5 seconds; after that, the next bar rotates in. If the timer is 0, the the bar stays there forever, hence the next bar can not be displayed. Now you can see both bars are rotating on your website. Please refer to the bar rotation at the top of the page to see the actual...

Read more →


How to create rotating bars only on selected collections?

QAB QAB FAQs

Yes, it is doable with the flexible power of the Quick Announcement Bar. This mixed setup will require some work. Once you get the hang of it, it will be set up easily. A graphic below is showing the concept in terms of how it works. After the graphic, you will find an example with a step-by-step guide. Example Bar A is a bar showing on all pages. Let’s call it "All Page" bar. On page A, a customer will only see Bar A (aka "All Page" bar). Bar B is a bar showing only on page B. Let’s call it...

Read more →