Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-15 02:04:29 -07:00
Code Issues Packages Projects Releases Wiki Activity

Add photoswipe

Browse Source
This commit is contained in:
Jeremy Thomas
2024-06-11 03:03:31 +01:00
parent 6cebea9ce2
commit b84d16890f
2 changed files with 19 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
docs/shop.html
View File

@@ -9,6 +9,8 @@ breadcrumb:
- shop
---
<link rel="stylesheet" type="text/css" href="https://unpkg.com/photoswipe@5.4.4/dist/photoswipe.css">
<style type="text/css">
:root {
--shop-duration: 500ms;
@@ -287,8 +289,9 @@ breadcrumb:
.shop-product-image {
flex-shrink: 0;
cursor: pointer;
cursor: zoom-in;
overflow: hidden;
outline: none !important;
}
.shop-product-image img {
@@ -298,7 +301,7 @@ breadcrumb:
}
.shop-product-images:hover img {
transform: scale(1.1);
transform: scale(1.04);
}
.shop-product-heading {
@@ -496,4 +499,6 @@ breadcrumb:
</div>
<script src="https://unpkg.com/@shopify/storefront-api-client@1.0.0/dist/umd/storefront-api-client.min.js"></script>
<script src="https://unpkg.com/photoswipe@5.4.4/dist/umd/photoswipe.umd.min.js"></script>
<script src="https://unpkg.com/photoswipe@5.4.4/dist/umd/photoswipe-lightbox.umd.min.js"></script>
<script type="text/javascript" src="{{ site.url }}/assets/javascript/shop.js"></script>