Skip to content

Instantly share code, notes, and snippets.

@gijsbotje
gijsbotje / cart.twig
Created September 5, 2023 14:42
Afosto Storefront cart page
{% import 'macros/displays.twig' as af_displays %}
<div id="cart-container">
<section id="contentcart" class="container mb-20 cart-version-flex loading-ajax">
<div class="mb-15">
<div class="cart-header d-flex align-items-center justify-content-between">
<h1 class="my-0 cart-title">
{{'Winkelwagen'|t}}
</h1>
@gijsbotje
gijsbotje / storefrontScripts.twig
Last active July 16, 2024 14:06
Afosto 2.0 storefront scripts
<!-- twig/layouts/storefrontScripts.twig -->
<!-- Styling voor de error meldingen d.m.v. toastify-js -->
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css">
<script type="module">
import 'https://esm.sh/preact/debug';
import { h, render, Fragment } from 'https://esm.sh/preact';
import { useEffect, useState, useRef } from 'https://esm.sh/preact/hooks';
import { html } from 'https://esm.sh/htm/preact';
@gijsbotje
gijsbotje / display-utilities.csv
Last active January 22, 2021 04:15
bootstrap v4 migration table for hidden-* and visible-*
Old New
.hidden .d-none
.hidden-xs-up .d-none
.hidden-xs .d-none .d-sm-[value]
.visible-xs .d-sm-none
.visible-xs-block .d-block .d-sm-none
.visible-xs-inline .d-inline .d-sm-none
.visible-xs-inline-block .d-inline-block .d-sm-none
.hidden-xs-down .d-none .d-sm-[value]
.hidden-sm .d-sm-none .d-md-[value]