studio-variable/index-shop
3
0
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity Actions

Add thank you page and fix webhook stock update
All checks were successful
Deploy / Deploy to Production (push) Successful in 7s
Details

Browse source 
- Create thank you page template with bilingual content (FR/EN)
- Add automatic redirect to /thanks after successful payment
- Fix webhook: move kirby()->impersonate() before product update
- Add error handling in webhook with try-catch
- Pass order token to thank you page for future enhancements
- Update thank you page styling for better UX

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
isUnknown 2025-12-19 17:37:34 +01:00
parent f7a69482fc
commit 1aa64a7396
9 changed files with 137 additions and 42 deletions
Download patch file Download diff file Expand all files Collapse all files

34
assets/css/style.css
View file

@ -1237,21 +1237,31 @@ body.is-fullscreen {
border-top: var(--border-light);
}
}
[data-template=thanks] .p__baseline-big {
margin-top: calc(var(--spacing) * 3);
[data-template=thanks] .thanks-page {
min-height: 60vh;
display: flex;
align-items: center;
justify-content: center;
padding: calc(var(--spacing) * 4) var(--spacing);
}
[data-template=thanks] .thanks-content {
text-align: center;
max-width: 600px;
}
[data-template=thanks] .thanks-content h1 {
font-size: var(--fs-x-big);
margin-bottom: calc(var(--spacing) * 2);
}
[data-template=thanks] .thanks-content .thanks-message {
font-size: var(--fs-big);
margin-bottom: calc(var(--spacing) * 3);
line-height: 1.6;
}
[data-template=thanks] .p__baseline {
text-align: left;
max-width: 800px;
margin: var(--spacing) auto;
[data-template=thanks] .thanks-content .thanks-message p {
margin-bottom: var(--spacing);
}
[data-template=thanks] .p__baseline a {
color: var(--color-accent);
text-decoration: none;
}
[data-template=thanks] .p__baseline a:hover {
text-decoration: underline;
[data-template=thanks] .thanks-content .thanks-actions {
margin-top: calc(var(--spacing) * 3);
}
[data-template=thanks] #site-footer {
border-top: none;

2
assets/css/style.css.map
View file

File diff suppressed because one or more lines are too long

55
assets/css/template/shop/_thanks.scss
View file

@ -1,29 +1,38 @@
[data-template="thanks"]{
.p__baseline-big {
margin-top: calc(var(--spacing) * 3);
margin-bottom: calc(var(--spacing) * 3);
// font-size: var(--fs-x-big);
}
.p__baseline {
// font-size: var(--fs-big);
text-align: left;
max-width: 800px;
margin: var(--spacing) auto;
[data-template="thanks"] {
.thanks-page {
min-height: 60vh;
display: flex;
align-items: center;
justify-content: center;
padding: calc(var(--spacing) * 4) var(--spacing);
}
a{
color: var(--color-accent);
text-decoration: none;
&:hover{
text-decoration: underline;
}
}
.thanks-content {
text-align: center;
max-width: 600px;
h1 {
font-size: var(--fs-x-big);
margin-bottom: calc(var(--spacing) * 2);
}
#site-footer{
border-top: none;
margin-top: calc(var(--spacing) * 4);
.thanks-message {
font-size: var(--fs-big);
margin-bottom: calc(var(--spacing) * 3);
line-height: 1.6;
p {
margin-bottom: var(--spacing);
}
}
}
.thanks-actions {
margin-top: calc(var(--spacing) * 3);
}
}
#site-footer {
border-top: none;
margin-top: calc(var(--spacing) * 4);
}
}