Displaying the Store's Business Center Logo

For Zid merchants, showcasing their business center information is an important aspect of establishing trust and transparency. This article guides you, as a theme developer, on how to integrate the business center logo and details into the store's theme.

Configuring Business Center Information

Merchants can add or update their business center information through the Merchant Dashboard settings: Store Settings on Merchant Dashboard.


Upon updating, these changes are reflected in the store data object, specifically under store.social_media.items.business_center. The schema for this data object is shown here.

Integrating the Business Center Logo

Code Sample:

{% if store.social_media.items.business_center %}
 <div class="maroof-icon" style="text-align: center;">
  <img src="{{ asset_url ~ 'business_center.png' }}" 
       loading="lazy" alt="Business Center Logo" 
       width="auto" height="30">
  <div>{{ store.social_media.items.business_center }}</div>
 </div>
{% endif %}

This snippet checks for the existence of business center information. If available, it displays the business center logo along with the registration number.


In the screenshot above, you see how the logo, along with the registration number (included in the logo image), is displayed at the bottom of the webpage. Not surprisingly, this little addition has a consdierably positive effect on the store's credibility.

---

Valuable Resources:

• Theme Starter Sample on GitHub
• Getting Started with Zid Themes