Skip to content

feat(SHPD-9928): Display bullet-delivery-tag on store header #1034

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
sallainternalbot merged 7 commits into from
Aug 19, 2026
Merged

feat(SHPD-9928): Display bullet-delivery-tag on store header #1034

Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
8c57699
feat(SHPD-9928): display quick delivery tag in storefront header
adelelshafey Aug 16, 2026
5cf8a13
feat(SHPD-9928): show quick delivery tag on all pages (remove homepag…
adelelshafey Aug 16, 2026
b5e7b63
Update header.twig
PHPFouda Aug 18, 2026
9965853
feat(SHPD-9928): add mobile full-width row for bullet delivery tag
adelelshafey Aug 18, 2026
4129ecb
Update header.twig
adelelshafey Aug 18, 2026
2370bdf
Update header.twig
adelelshafey Aug 18, 2026
e39da95
fix(SHPD-9928): move bullet delivery tag before scopes button
adelelshafey Aug 18, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
13 changes: 13 additions & 0 deletions src/views/components/header/header.twig
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,14 @@
#}
{% set important_links = theme.settings.get('important_links') %}
<header data-testid="store-header" class="store-header">
{# Bullet Delivery tag — mobile: own full-width row above the top nav
(Figma "Mobile version"). Desktop keeps the inline pill below, next to
scopes. Both instances self-gate on the same backend flag; `lg:hidden`
matches the mobile/desktop split already used for the menu toggle below. #}
<div class="lg:hidden">
<salla-bullet-delivery-tag></salla-bullet-delivery-tag>
</div>

{# Top Nav #}
<div class="top-navbar">
<div class="container flex justify-between">
Expand All @@ -23,6 +31,11 @@
{% endif %}
</div>

{# Bullet Delivery tag — desktop only; mobile instance is above the top nav #}
<div class="hidden lg:block">
<salla-bullet-delivery-tag></salla-bullet-delivery-tag>
</div>

{# Scopes | Branches #}
{% if store.scope %}
<button class="btn--rounded-gray"
Expand Down