Introduction
Bariq is a premium storefront theme handcrafted for the Zid platform. It targets four high-volume categories on Saudi e-commerce: Fashion & Jewelry, Electronics, Arts & Cultures, and Services — with a single configurable layout that adapts to each.
The theme ships in Arabic-first RTL with full English support, mobile-first responsive design, and a conversion-tuned product flow. Average First Contentful Paint stays under 1.2s on a 4G connection.
Installation
- Sign in to your Zid merchant dashboard at
web.zid.sa. - Navigate to Themes Market from the left sidebar.
- Search for "Bariq" or browse by SaudiSmart in the partner list.
- Click Install and confirm the 49 SAR one-time payment.
- Once installed, click Apply Theme to make Bariq the active theme on your storefront.
- (Optional) Use Preview to test the theme on your real catalog before going live.
Theme Settings
Open Themes → Customize in your Zid dashboard to configure Bariq. The settings panel is organised into the following groups:
Categories & Navigation
Bariq is optimized for stores with up to 8 top-level categories. Categories defined in your Zid catalog appear automatically in the desktop nav bar and the mobile bottom drawer.
- Mega menu: Categories with sub-collections render as a 3-column mega menu on hover.
- Active state: Current category is highlighted with the brand gold underline.
- Featured strip: A persistent promo line on the right of the nav surfaces seasonal offers.
Homepage Sections
The homepage is composed of stackable sections you can rearrange or hide:
Product Page
Bariq's product page is conversion-tuned with a fixed call-to-action on mobile, gallery zoom on desktop, and inline cross-sell.
- Sticky "Add to Cart" bar on mobile after scrolling past the gallery.
- Variant selector with stock indicators and price updates.
- Tabs for Description, Specifications, Shipping, Reviews — collapsible on mobile.
- "Frequently bought together" module powered by the Zid recommendation API.
- Star ratings with verified-buyer badge and review filtering.
Cart & Checkout
Bariq uses Zid's native checkout flow, themed to match the storefront. The cart drawer slides in from the start side (right in RTL, left in LTR) without a full page reload.
- Free-shipping progress bar towards the configured threshold.
- Inline coupon entry and applied-discount summary.
- Express buttons for Apple Pay and Tamara when enabled by the merchant.
- Trust badges (mada, Visa, Apple Pay, Tamara) auto-render based on merchant settings.
Colors & Typography
Defaults are tuned for premium feel — but every token is editable from the customizer:
RTL & Multi-language
Bariq is RTL-native — Arabic is the primary direction, with English as a fully-supported LTR fallback. Switching the storefront language flips the entire layout (icons, navigation, cart drawer, animations) without breaking spacing.
- Arabic numerals (٠١٢٣) toggleable via theme setting.
- Currency symbol position auto-adapts to locale (ر.س after / SAR before).
- All copy strings are externalized for easy translation in the Zid translations panel.
Performance
Support
Bariq is supported directly by SaudiSmart. We respond within one business day, and ship compatibility patches whenever Zid releases storefront updates.
Changelog
- Initial release with all four target categories.
- Arabic-first RTL with English fallback.
- Conversion-tuned product page with sticky mobile CTA.
- Native Zid checkout integration with themed cart drawer.
