How to add a Global Promo Message for Magento 2 Pearl Theme

When you have a special campaign or announcement you can use the Global Promo Message feature available in the Pearl Theme for Magento 2 for better reaching your customers.

It's simple to add by following the steps below:

Step 1. Go to Admin → Content → Elements → Blocks

! Look for static the block WeltPixel Global Promo Message. You can use Filters to find it.

! Edit the block and add your own message. Don't forget to Save Block.

In the Pearl Theme version 1.7.3 (August 23, 2018), a new design and functionality was introduced for the promo block. When upgrading the theme from an older version, existing sample blocks and pages are not updated in order not to overwrite user content. If you are using an older theme version, you can update the global promo CMS block manually with the code below in order to get the new design. 

Note: You'll need to also upgrade the theme to a version equal or greater than 1.7.3 or the code below will not work as in our demo-store. 

<div id="carousel">
<div class="btn-bar">
<div id="buttons">
<a id="prev" class="icon-angle-left" href="#">&nbsp;</a>
<a id="next" class="icon-angle-right" href="#">&nbsp;</a>
</div>
</div>
<div id="slides">
<ul>
<li class="slide">
<div class="quoteContainer">
<i class="icon-reload wpx-i"></i>
<span class="wpx-sub">30-DAY FREE RETURNS</span>
<p class="quote-phrase">Wear it, test it, keep what you like.</p>
<a href="#" target="_blank" class="wpx-link">See Details</a>
</div>
</li>
<li class="slide">
<div class="quoteContainer">
<span class="wpx-sub">$5 TWO DAY SHIPPING NOW AVAILABLE</span>
<p class="quote-phrase">Applicable to USA and Canada</p>
</div>
</li>
<li class="slide">
<div class="quoteContainer glb-prm">
<span class="wpx-sub">GLOBAL PROMO MESSAGE CONTENT HERE</span>
<a class="wpx-link wpx-mg se-det" href="https://support.weltpixel.com/hc/en-us/articles/115003513554-How-to-add-a-Global-Promo-Message-for-Magento-2-Pearl-Theme" target="_blank">See details</a>
<a href="https://support.weltpixel.com/hc/en-us" target="_blank" class="wpx-link wpx-mg">Setup instructions</a>
</div>
</li>
<li class="slide">
<div class="quoteContainer">
<span class="wpx-sub">EDIT ME IN WELTPIXEL_GLOBAL_PROMO_MESSAGE STATIC BLOCK</span>
<a href="#" target="_blank" class="wpx-link wpx-mg">See Details</a>
</div>
</li>
</ul>
</div>
</div>

Step 2. Go to Admin sidebar → WeltPixel → Custom Header → Global Promo Message.

! To show in your store front, Global Promo Message needs to be Enabled. 

You can also select the text color and background color:

• Insert the color code - example #B3E0FF.
• Choose the color via color picker.

Step 3. To view the changes, go to Admin sidebar → System → Tools → Cache Management:

• Flush Static Files Cache.

• Refresh Cache Types

Step 4. Your new Global Promo Message should now be visible in Frontend after you refresh the page.      

Tired of reading? Check out the video: