Skip to content

feat(TD-16254): show the selected barcode in the storefront product details - #1043

Merged
sallainternalbot[bot] merged 8 commits into
masterfrom
feature/TD-16254-display-product-barcode-in-storefront
Sep 21, 2026
Merged

sallainternalbot[bot] merged 8 commits into
masterfrom
feature/TD-16254-display-product-barcode-in-storefront

Conversation

@moharram82

@moharram82 moharram82 commented Sep 7, 2026 •

Copy link
Copy Markdown
Contributor

Fixes the English barcode label, which shipped as the Arabic string and rendered "الباركود" on English storefronts.

Keys the SKU and barcode rows on the new product.shows_sku / product.shows_barcode flags rather than on the value, so a row the parent product leaves empty still exists (hidden) and is revealed when the customer picks a variant that carries a value. product.js now updates the barcode alongside the SKU on every variant change, hiding the whole row instead of leaving a labelled empty one, and long values wrap instead of overflowing on mobile.

Must deploy after the Store PR below — product.shows_sku resolves to null until that whitelist is live, which would drop the SKU row.

Ticket: TD-16254

…tails

Fix the English barcode label, which shipped as the Arabic string and rendered
"الباركود" on English storefronts.

Key the identifier rows on the new product.shows_sku / product.shows_barcode
flags rather than on the value, so a row that the parent product leaves empty
still exists (hidden) and can be revealed when the customer picks a variant
that carries a value. product.js now updates the barcode alongside the SKU on
every variant change, hiding the whole row instead of leaving a labelled empty
one, and long values wrap instead of overflowing.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_016MtMatBNJ4msTomRC9SReY
@moharram82 moharram82 self-assigned this Sep 7, 2026
@codacy-production

codacy-production Bot commented Sep 7, 2026 •

Copy link
Copy Markdown
Contributor

Up to standards ✅

🟢 Issues 0 issues

Results:
0 new issues

View in Codacy

🟢 Metrics 0 complexity · 0 duplication

Metric Results
Complexity 0
Duplication ✅ 0 (≤ 2 duplication)

View in Codacy

AI Reviewer: run a review on demand. To trigger the first review automatically, go to your organization or repository integration settings. AI can make mistakes. Always validate suggestions.

Run reviewer

TIP This summary will be updated as you push new changes.

@moharram82

Copy link
Copy Markdown
Contributor Author

@greptile review

@moharram82

Copy link
Copy Markdown
Contributor Author

@greptile-apps review

moharram82 and others added 2 commits September 7, 2026 21:09
Codacy flagged the innerHTML assignment carried over from the SKU update path as
an XSS vector for merchant-supplied values. textContent is also what the ticket
specifies: the identifier renders as plain text exactly as recorded, with nothing
added by the system.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_016MtMatBNJ4msTomRC9SReY
This repo commits its built assets alongside the sources, so the JS change would
never have reached the storefront without them: public/product.js carries the
barcode row update and public/app.js the multiSelectors entry that makes
app.element() return a NodeList for .product-barcode.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_016MtMatBNJ4msTomRC9SReY
@moharram82 moharram82 changed the title feat(catalog): show the selected barcode in the storefront product details feat(TD-16254): show the selected barcode in the storefront product details Sep 7, 2026
@moharram82
moharram82 marked this pull request as ready for review September 8, 2026 09:20
@moharram82

Copy link
Copy Markdown
Contributor Author

/utest

@sallainternalbot

Copy link
Copy Markdown
Contributor

Unit Test Trigger Summary

Triggered PRs:

@moharram82

Copy link
Copy Markdown
Contributor Author

/utest --no-recursive

@sallainternalbot

Copy link
Copy Markdown
Contributor

Unit Test Trigger Summary

Triggered PRs:

@moharram82

Copy link
Copy Markdown
Contributor Author

@greptile-apps review

@moharram82

Copy link
Copy Markdown
Contributor Author

/utest --no-recursive

@sallainternalbot

Copy link
Copy Markdown
Contributor

Unit Test Trigger Summary

Triggered PRs:

The toggled wrapper carried `flex sm:grid` alongside `hidden`. All three are
display rules of equal specificity, and `sm:grid` sits in a media query far
later in the stylesheet, so above 640px it beat `hidden` and the row rendered as
an empty labelled card. The card's layout classes move to an inner element,
leaving `hidden` unopposed on the wrapper the twig and product.js toggle.

Rows are also keyed on the reworked shows_* flags, which now drop a row entirely
when neither the product nor any variant can fill it.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_016MtMatBNJ4msTomRC9SReY
@moharram82

Copy link
Copy Markdown
Contributor Author

/canmerge

@sallainternalbot

Copy link
Copy Markdown
Contributor

🧪 Dry Run Successful

✅ This pull request has passed all merge requirements and would be accepted into the merge queue.

  • All required checks have passed
  • Review approvals are sufficient
  • No permission issues detected
  • No merge conflicts

If this were a real merge request, the PR would now be enqueued for merge.
Feel free to trigger the actual merge when ready!

Let me know if you'd like to simulate other scenarios. 🤖


🧬 PR's Dependencies

├── sallaapp/theme-raed#1043

@moharram82

Copy link
Copy Markdown
Contributor Author

/autoupdate

@sallainternalbot

Copy link
Copy Markdown
Contributor

Auto Update Summary

Updated PRs:

@codacy-production

Copy link
Copy Markdown
Contributor

Up to standards ✅

🟢 Issues 0 issues

Results:
0 new issues

View in Codacy

🟢 Metrics 0 complexity · 0 duplication

Metric Results
Complexity 0
Duplication ✅ 0 (≤ 2 duplication)

View in Codacy

AI Reviewer: run a review on demand. To trigger the first review automatically, go to your organization or repository integration settings. AI can make mistakes. Always validate suggestions.

Run reviewer

TIP This summary will be updated as you push new changes.

@moharram82

Copy link
Copy Markdown
Contributor Author

/canmerge

@sallainternalbot

Copy link
Copy Markdown
Contributor

🧪 Dry Run Successful

✅ This pull request has passed all merge requirements and would be accepted into the merge queue.

  • All required checks have passed
  • Review approvals are sufficient
  • No permission issues detected
  • No merge conflicts

If this were a real merge request, the PR would now be enqueued for merge.
Feel free to trigger the actual merge when ready!

Let me know if you'd like to simulate other scenarios. 🤖


🧬 PR's Dependencies

├── sallaapp/theme-raed#1043

@ashrafreda

Copy link
Copy Markdown
Collaborator

/merge

@sallainternalbot

Copy link
Copy Markdown
Contributor

⏳ Enqueued for Merge

Your pull request has been added to the merge queue. It will be merged automatically once it reaches the front of the queue ✅


🔄 Queue Status

🚦 Queue

The queue is empty. Good luck!

🧬 PR's Dependencies

├── sallaapp/theme-raed#1043

@sallainternalbot

Copy link
Copy Markdown
Contributor

🔄 Merge In Progress

This pull request has reached the front of the queue and is now being processed for merge.

@sallainternalbot
sallainternalbot Bot merged commit 6e62385 into master Sep 21, 2026
2 checks passed
@sallainternalbot
sallainternalbot Bot deleted the feature/TD-16254-display-product-barcode-in-storefront branch September 21, 2026 12:33
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants