★
★
★
★
★
Custom Magnetic Bookmarks That Stay in Place
Custom magnetic bookmarks clip around the page instead of sitting loose between pages, helping readers save their place more securely. They exist for customers who want a more functional bookmark format that stays with the book during travel, daily reading, study, or gifting.
A Practical Bookmark for Regular Readers
Magnetic bookmarks suit book lovers, students, classrooms, subscription boxes, bookstores, and reading-themed gifts where page marking needs to feel more secure. Compare the wider Custom Bookmarks range if you are choosing between standard card bookmarks, magnetic formats, shaped bookmarks, or decorative foil finishes.
-
Keep pages marked more securely with a magnetic bookmark that clips around the paper.
-
Create a useful reading gift with a format designed for books, study, and daily use.
-
Personalize the finish with paper, lamination, foil colour, and size options configured online.
Dispatched using a reliable 1-3 business day courier in as little as 2 business days from proof approval.
All print products are finished, quality checked, and packed in-house by our professionals.
Friendly, knowledgeable customer service team available to answer any questions.
Talented in-house design team on-hand to create bespoke designs for virtually any product.
From paper stocks to foil shades, our customisation options are simply unmatched.
Constant innovation means we’re working on new products and finishes as we speak.
Bookmark Printing Inspiration from Canadian Customer Projects
Discover how businesses, authors, schools, charities, and independent creators across Canada are using professionally printed bookmarks to promote their brands, celebrate special occasions, and enhance the customer experience. From luxury metallic foil finishes and premium paper stocks to vibrant full-colour designs, these real customer projects showcase the versatility and creative potential of custom bookmark printing.
Planning your own bookmark design? Browse our inspiration gallery to explore a wide range of printed bookmark ideas, featuring unique layouts, specialty papers, premium finishing options, and creative designs produced for bookstores, libraries, marketing campaigns, subscription boxes, events, and branded merchandise.
The Order Process
Place your order online using our instant price calculator, which updates your total in real time.
Reply to your Order Confirmation email by sending us your artwork or design brief.
Our design team reviews your artwork, discusses any issues with you, and sends a proof for your approval.
After approval, your prints are produced and shipped straight to you within just a few business days.
How Do Magnetic Bookmarks Work?
Magnetic bookmarks are designed to fold over the edge of a page and stay securely in place using magnets concealed inside the bookmark. Unlike traditional paper bookmarks that can easily slip out, magnetic bookmarks grip the page gently, helping you keep your place even when a book is carried in a bag or backpack.
At Aura Print, every magnetic bookmark is supplied pre-folded, creased, and fully assembled, with the magnets already fitted. As soon as your order arrives, they’re ready to use—simply position the bookmark over the page and let the magnets hold it securely in place.
Magnetic bookmarks are a popular choice for authors, publishers, bookstores, libraries, schools, subscription boxes, and stationery brands because they’re practical, durable, and reusable. They also make excellent retail products, promotional giveaways, and thoughtful gifts that customers are likely to keep and use for years.
Will Magnetic Bookmarks Damage My Book Pages?
No. Our magnetic bookmarks are designed to hold your place securely without damaging the pages of your book. The magnets gently grip the paper rather than piercing or creasing it, making them a safer alternative to folded page corners, paper clips, or adhesive page markers.
Each bookmark is manufactured using 0.5 mm magnetic material, allowing it to remain slim enough for most books to close comfortably while still providing a secure hold. They’re suitable for everyday use with paperbacks, hardcovers, journals, planners, and notebooks, helping to keep your place even when you’re travelling or carrying your book in a bag.
If you’re using magnetic bookmarks with rare, antique, or particularly delicate books, we recommend handling them with the same care you would any collectible publication. Choosing a laminated finish can also help protect the bookmark itself, keeping the printed surface looking its best after regular use.
Why Are Magnetic Bookmarks Supplied Folded?
Magnetic bookmarks are designed to wrap around the edge of a page, so they’re supplied pre-folded and creased to ensure they’re ready to use straight away. The fold allows the magnets inside the bookmark to align correctly, creating a secure grip that keeps your place without slipping.
The centre crease is an essential part of the bookmark’s construction, helping it close neatly and sit comfortably around the page. Without this fold, the magnets wouldn’t meet correctly, and the bookmark wouldn’t function as intended. By supplying every magnetic bookmark already folded, we ensure a consistent finish and reliable performance from the moment it arrives.
When preparing your artwork, remember that the fold line forms part of the finished design. We recommend keeping important elements such as text, logos, faces, QR codes, and fine illustrations clear of the crease so both sides of the bookmark remain easy to read and visually balanced once folded.
Can I Print Both Sides of a Magnetic Bookmark?
Magnetic bookmarks are printed on the outside panels only, as the inside of the bookmark houses the magnetic material that allows it to grip the page securely. Once folded around a page, only the exterior faces remain visible, making this the ideal surface for your printed design.
Although the inside isn’t printed, you still have plenty of creative freedom. Many customers create a continuous design across both outer panels, while others use one side for an illustration or photograph and the other for a logo, book title, author name, quotation, or other branding. The result is a bookmark that looks complete and professional from every visible angle.
When designing your artwork, it’s worth considering how the bookmark will appear when it’s clipped onto a page. Simple, well-balanced layouts often produce the strongest results, ensuring the most important elements remain visible while the bookmark is in use.
What Paper Stock Should I Choose for Magnetic Bookmarks?
The best paper stock for your magnetic bookmarks depends on the style of your artwork, the finish you’re looking for, and how the bookmarks will be used. Because magnetic bookmarks are folded and handled regularly, choosing a paper that combines excellent print quality with durability is just as important as the design itself.
For vibrant colours, detailed illustrations, and photographic designs, silk paper delivers crisp print quality and a smooth professional finish. If you prefer a more natural appearance, uncoated and recycled papers provide a softer look and tactile feel. We also offer Colorplan and specialty paper stocks for customers who want to create premium magnetic bookmarks with distinctive colours and textures.
When selecting your paper, it’s worth considering the finished bookmark as a complete product. The right combination of paper stock, lamination, metallic foil, artwork, and magnetic construction helps create a bookmark that’s attractive, durable, and enjoyable to use. If you’d like to compare the available materials, our guide to different types of printing paper explains how each paper stock influences the finished result.
Should I Add Lamination to My Magnetic Bookmarks?
We recommend adding lamination to magnetic bookmarks, particularly if they’ll be used regularly or sold as a finished product. Because magnetic bookmarks are designed to be clipped onto pages, removed, and reused, a laminated finish helps protect the printed surface from everyday wear while keeping your bookmarks looking their best.
We offer gloss, matte, and soft-touch lamination on compatible paper stocks. Gloss lamination enhances colour vibrancy and creates a bright, reflective finish, matte lamination provides a smooth, understated appearance, and soft-touch lamination adds a luxurious, velvety texture that’s ideal for premium bookmarks and branded merchandise.
If you’re adding metallic foil, soft-touch lamination is included as part of our foiling process to ensure the foil bonds correctly and achieves a crisp, durable finish. Whether you’re producing bookmarks for authors, bookstores, subscription boxes, schools, or retail sales, lamination is a worthwhile upgrade that improves both durability and presentation. If you’d like to compare the different finishes, our guide to lamination and the facts explains how each option affects the look, feel, and longevity of your printed products.
Can I Add Foil to Magnetic Bookmarks?
Absolutely. Metallic foil is a fantastic way to give magnetic bookmarks a premium finish, adding eye-catching shine that complements both the artwork and the unique folded design. Whether you’re creating bookmarks for authors, artists, bookstores, subscription boxes, or promotional campaigns, foil helps transform an everyday product into a memorable keepsake.
We offer a choice of 12 metallic foil colours, including Gold, Silver, Rose Gold, Copper, Pink, Violet, Red, Blue, Teal, Green, Black Chrome, and Holographic. Foil is particularly effective for highlighting titles, logos, illustrations, decorative borders, celestial details, and other small design features, creating elegant accents without overwhelming the bookmark.
Metallic foil is available on compatible paper stocks and includes our signature soft-touch lamination, which helps achieve a crisp, durable foil finish while protecting the bookmark during regular use. For the best results, we recommend using foil selectively to emphasise key design elements. If you’re preparing your own artwork, our guide to setting up artwork for foil printing with examples explains how to prepare foil layers correctly. You can also explore our complete foil colour collection to find the perfect finish for your magnetic bookmarks.
How Should I Set Up Artwork for Magnetic Bookmark Printing?
When designing artwork for magnetic bookmarks, it’s important to plan your layout around the centre fold from the beginning. Because the bookmark folds over a page, the two outer panels form the visible finished product, so your artwork should be designed to work seamlessly across both sides.
Leave adequate space between the fold line, trim edges, and important design elements such as text, logos, QR codes, photographs, and illustrations. This helps ensure nothing is obscured or distorted once the bookmark has been folded and finished. Simple, well-balanced layouts often produce the most effective magnetic bookmarks, allowing the design to remain clear and attractive while clipped onto a page.
As with any professionally printed product, your artwork should also include bleed and safe areas to achieve a clean, accurate finish after trimming. If you’re creating your own design, our guides to designing your own bookmark and getting bleed right explain how to prepare print-ready artwork and why bleed is essential for professional results.
Are Magnetic Bookmarks Good for Authors and Book Box Merchandise?
Absolutely. Magnetic bookmarks are a popular choice for authors, publishers, independent bookstores, book subscription boxes, artists, and stationery brands because they combine everyday practicality with premium presentation. Their magnetic design keeps them securely in place, making them a useful accessory that readers are likely to keep and use long after they’ve finished a book.
Magnetic bookmarks can be fully customized to reflect your brand or publication. Many customers feature book cover artwork, character illustrations, series branding, author names, quotes, or genre-inspired designs to create exclusive merchandise that complements their books or subscription boxes. They’re also lightweight and easy to package, making them an excellent addition to online orders, book launches, literary festivals, and promotional campaigns.
Whether you already have artwork prepared or need help developing a design, our in-house team is here to help. We recommend creating a bookmark that reflects the personality of your book or brand, giving readers a practical keepsake they’ll continue to use. If you’d like to explore why printed books continue to resonate with readers, our guide to printed books vs. e-books is well worth a read.
How Long Will My Magnetic Bookmarks Take?
Production times for magnetic bookmarks vary depending on your chosen paper stock, quantity, artwork approval, and any premium finishing options you’ve selected. Our fastest standard production time is 3 working days from proof approval, and a rush service may also be available for urgent orders, this can be selected in our pricing calaulator.
Production begins once you’ve approved your artwork proof, ensuring everything is correct before printing starts. Additional processes such as metallic foil, lamination, specialty paper stocks, or larger order quantities may increase production time, so it’s always worth allowing a little extra time if your bookmarks are needed for a book launch, subscription box, school event, exhibition, or promotional campaign.
Once production is complete, your magnetic bookmarks are printed, finished, creased, assembled with magnets, quality checked, and carefully packaged before dispatch. The most accurate production estimate is displayed in our online calculator as you configure your order. If you’re working towards a specific event or deadline, our team will be happy to help you choose the most suitable turnaround before production begins.
How Do Magnetic Bookmarks Work?
Will Magnetic Bookmarks Damage My Book Pages?
Why Are Magnetic Bookmarks Supplied Folded?
Can I Print Both Sides of a Magnetic Bookmark?
What Paper Stock Should I Choose for Magnetic Bookmarks?
Should I Add Lamination to My Magnetic Bookmarks?
Can I Add Foil to Magnetic Bookmarks?
How Should I Set Up Artwork for Magnetic Bookmark Printing?
Are Magnetic Bookmarks Good for Authors and Book Box Merchandise?
How Long Will My Magnetic Bookmarks Take?
Magnetic bookmarks are designed to fold over the edge of a page and stay securely in place using magnets concealed inside the bookmark. Unlike traditional paper bookmarks that can easily slip out, magnetic bookmarks grip the page gently, helping you keep your place even when a book is carried in a bag or backpack.
At Aura Print, every magnetic bookmark is supplied pre-folded, creased, and fully assembled, with the magnets already fitted. As soon as your order arrives, they’re ready to use—simply position the bookmark over the page and let the magnets hold it securely in place.
Magnetic bookmarks are a popular choice for authors, publishers, bookstores, libraries, schools, subscription boxes, and stationery brands because they’re practical, durable, and reusable. They also make excellent retail products, promotional giveaways, and thoughtful gifts that customers are likely to keep and use for years.
Bookmark Printing Advice, Design Tips & Creative Inspiration
Designing a custom bookmark involves much more than choosing the right artwork. From selecting the best paper stock and finishes to preparing print-ready files and creating bookmarks that people want to keep, these practical guides are packed with expert advice to help you achieve the best possible results.
Whether you’re printing bookmarks for schools, bookstores, libraries, authors, businesses, or special occasions, our collection of articles covers common printing questions, design inspiration, and production tips to help you create bookmarks that are both memorable and professionally produced.
How To Design Your Own Bookmark
Learn how to create bookmarks that are both attractive and practical. This guide covers artwork layout, sizing, typography, paper selection, and design tips to help you produce bookmarks that leave a lasting impression.
Bookmarks Designed to Match Your Current Read
Looking for inspiration? Explore creative bookmark ideas for schools, authors, publishers, retailers, charities, events, and promotional campaigns. Discover layouts, finishes, and design styles that help your bookmarks stand out.
Printing Onto Textured Paper
Find out how textured and specialty papers influence the appearance and feel of printed bookmarks. Learn which designs work best on textured stocks and how different materials can add depth, character, and a premium finish.
Lamination – The Facts
Discover how gloss, matte, and soft-touch lamination affect the durability, appearance, and feel of your bookmarks. This guide explains the benefits of each finish, helping you choose the right option for your next print project.
Complete Your Bookmark Collection
Custom bookmarks often become part of a wider print project. Whether you’re promoting a business, launching a new book, exhibiting at an event, or creating a retail product range, coordinating your printed materials helps build a stronger brand and a more memorable customer experience.
Many of our customers pair bookmarks with matching promotional products and stationery to create a consistent look across marketing campaigns, packaging, gifting, and retail displays. Explore these complementary print products to extend your artwork beyond your bookmarks.
Flyer Printing
Promote book launches, exhibitions, retail promotions, community events, and marketing campaigns with professionally printed flyers. Matching your flyers to your bookmark design helps create a consistent brand identity across every customer touchpoint.
Printed Postcards
Custom postcards are a versatile addition to bookmark orders, making them ideal for thank you cards, promotional mailings, art prints, product inserts, and direct mail campaigns that share the same branding and visual style.
Custom Stickers
Add branded stickers to your packaging, envelopes, gift boxes, or retail products to create a professional finishing touch. Matching sticker designs help reinforce your brand while making your orders feel more premium.
Printed Greeting Cards
Transform your artwork into professionally printed greeting cards that complement your bookmark designs. A popular choice for artists, illustrators, publishers, and independent retailers looking to expand their product range with coordinated stationery.
Foil Art Prints
Showcase your illustrations, photography, or branded artwork with luxury foil art prints featuring eye-catching metallic finishes. Perfect for artists, galleries, retailers, and creative businesses looking to offer premium wall art and collectible prints alongside matching bookmarks.
chevron-up
chevron-left
chevron-down
chevron-right
function initGallery() {
return {
activeItem: 0,
activeVideo: false,
itemIsVideo: false,
itemCount: 0,
fullscreen: false,
focusTrapListener: null,
loop: true,
isStart: true,
isEnd: false,
videoOptions: {
autoplay: false,
loop: false,
showRelated: false,
allowApi: false
},
swipeStart: 0,
swipeDir: "x",
autoplayId: null,
autoplayDelay: 5000,
initialImages: [{"thumb":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/b72f33ae4279c7e2e1b7951ae5b98318\/a\/p\/ap_bookmarks_magnetic_bookmark_1_1.jpg","img":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/e3750db8823e031f2cbaf8ab4056eb7b\/a\/p\/ap_bookmarks_magnetic_bookmark_1_1.jpg","full":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/9b93d049b5b8552c1f07c08f534e7a72\/a\/p\/ap_bookmarks_magnetic_bookmark_1_1.jpg","caption":"Magnetic Bookmark Stood Up","position":"3","isMain":true,"type":"image","videoUrl":null},{"thumb":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/b72f33ae4279c7e2e1b7951ae5b98318\/a\/p\/ap_bookmarks_magnetic_bookmark_clipped_book_1_1.jpg","img":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/e3750db8823e031f2cbaf8ab4056eb7b\/a\/p\/ap_bookmarks_magnetic_bookmark_clipped_book_1_1.jpg","full":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/9b93d049b5b8552c1f07c08f534e7a72\/a\/p\/ap_bookmarks_magnetic_bookmark_clipped_book_1_1.jpg","caption":"Magnetic Bookmark Attached To Book","position":"4","isMain":false,"type":"image","videoUrl":null}],
images: [{"thumb":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/b72f33ae4279c7e2e1b7951ae5b98318\/a\/p\/ap_bookmarks_magnetic_bookmark_1_1.jpg","img":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/e3750db8823e031f2cbaf8ab4056eb7b\/a\/p\/ap_bookmarks_magnetic_bookmark_1_1.jpg","full":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/9b93d049b5b8552c1f07c08f534e7a72\/a\/p\/ap_bookmarks_magnetic_bookmark_1_1.jpg","caption":"Magnetic Bookmark Stood Up","position":"3","isMain":true,"type":"image","videoUrl":null},{"thumb":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/b72f33ae4279c7e2e1b7951ae5b98318\/a\/p\/ap_bookmarks_magnetic_bookmark_clipped_book_1_1.jpg","img":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/e3750db8823e031f2cbaf8ab4056eb7b\/a\/p\/ap_bookmarks_magnetic_bookmark_clipped_book_1_1.jpg","full":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/9b93d049b5b8552c1f07c08f534e7a72\/a\/p\/ap_bookmarks_magnetic_bookmark_clipped_book_1_1.jpg","caption":"Magnetic Bookmark Attached To Book","position":"4","isMain":false,"type":"image","videoUrl":null}],
startAutoplay() {
this.autoplayId = setInterval(() => {
if (typeof this.nextItem === 'function') {
this.nextItem();
}
}, this.autoplayDelay);
},
stopAutoplay() {
if (this.autoplayId) {
clearInterval(this.autoplayId);
this.autoplayId = null;
}
},
init() {
this.itemCount = this.images.length;
this.initActive();
this.$watch('activeItem', (item) => {
this.itemIsVideo = this.images[item].type === 'video';
this.activeVideo = this.itemIsVideo && this.videoOptions.autoplay;
this.isStart = this.activeItem === 0;
this.isEnd = this.activeItem === (this.itemCount - 1);
this.$nextTick(() => {
const activeThumb = this.getActiveThumb();
if (activeThumb) {
//this.scrollTo(activeThumb);
};
});
});
this.$watch('itemCount', () => {
this.calcThumbsOverflow()
});
this.$watch('fullscreen', (open) => {
this.$nextTick(() => {
this.scrollLock(open);
this.tabLock(this.$refs.galleryDialog, open);
})
})
this.startAutoplay();
this.$root.addEventListener('mouseenter', () => this.stopAutoplay());
this.$root.addEventListener('mouseleave', () => this.startAutoplay());
},
getImage() {
return this.fullscreen ? this.image.full : this.image.img;
},
typeIsVideo() {
return this.image.type === 'video';
},
isActive() {
return this.activeItem === this.index;
},
isActiveVideo() {
return this.activeVideo = true;
},
isActiveAndVideo() {
return this.isActive() && this.activeVideo
},
notActiveVideo() {
return !this.activeVideo;
},
itemIsNotVideo() {
return !this.itemIsVideo;
},
itemIsVideoAndNotActive() {
return this.itemIsVideo && !this.activeVideo;
},
scrollLock(use = true) {
document.body.style.overflow = use ? "hidden" : "";
},
tabLock(target, use = true) {
if (use) {
hyva.trapFocus(target);
} else {
hyva.releaseFocus(target);
}
},
nextItem() {
const hasNext = this.activeItem < (this.itemCount - 1);
this.activeItem = hasNext
? this.activeItem += 1
: this.loop ? 0 : this.activeItem;
},
prevItem() {
const hasPrev = this.activeItem > 0;
this.activeItem = hasPrev
? this.activeItem -= 1
: this.loop ? (this.itemCount - 1) : this.activeItem;
},
swipeItem(event) {
if (this.swipeStart === 0) return;
const swipeEnd = this.getTouchPosition(event);
if (Math.abs((swipeEnd - this.swipeStart)) < 40) return;
if (this.swipeStart > swipeEnd) {
this.nextItem();
} else {
this.prevItem();
}
this.swipeStart = 0;
},
getVideoData() {
const videoUrl = this.image.videoUrl;
const videoData = {
id: null,
type: null,
src: null,
additionalParams: "&autoplay=1",
allow: "fullscreen; picture-in-picture; autoplay;"
}
if (!videoUrl) {
return videoData;
};
if (this.videoOptions.loop) {
videoData.additionalParams += '&loop=1';
}
if (videoUrl.match(/youtube\.com|youtu\.be|youtube-nocookie.com/)) {
const youtubeRegex = /^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/)|(?:(?:watch)?\?v(?:i)?=|\&v(?:i)?=))([^#\&\?]*).*/;
const baseSrc = videoUrl.match(/youtube-nocookie.com/)
? 'https://www.youtube-nocookie.com/embed'
: 'https://www.youtube.com/embed';
videoData.type = "youtube";
videoData.id = videoUrl.match(youtubeRegex)[1];
// If rel=0 it only shows related for the channel not external
videoData.additionalParams += (this.videoOptions.showRelated ? '&rel=1' : '&rel=0');
if (this.videoOptions.loop) {
videoData.additionalParams += `&playlist=${videoData.id}`
}
if (this.videoOptions.allowApi) {
videoData.additionalParams += '&enablejsapi=1';
}
videoData.src = `${baseSrc}/${videoData.id}?origin=https://aura-print.com/ca/${videoData.additionalParams}`;
videoData.allow += " accelerometer; clipboard-write; encrypted-media; gyroscope;"
} else if (videoUrl.match(/vimeo\.com/)) {
const vimeoRegex = new RegExp([
'https?:\\/\\/(?:www\\.|player\\.)?vimeo.com\\/(?:channels\\/(?:\\w+\\/)',
'?|groups\\/([^\\/]*)\\/videos\\/|album\\/(\\d+)\\/video\\/|video\\/|)(\\d+)(?:$|\\/|\\?)'
].join(''));
const timestamp = new Date().getTime();
const baseSrc = "https://player.vimeo.com/video";
videoData.type = "vimeo";
videoData.id = videoUrl.match(vimeoRegex)[3];
if (this.videoOptions.allowApi) {
videoData.additionalParams += "&api=1"
}
videoData.src = `${baseSrc}/${videoData.id}?player_id=vimeo${videoData.id}${timestamp}${videoData.additionalParams}`;
}
return videoData;
},
getTouchPosition(event) {
const position = this.swipeDir === "y"
? event.changedTouches[0].clientY
: event.changedTouches[0].clientX;
return Math.round(position);
},
isSwipeGesture(event) {
return event.touches.length !initialUrls.includes(image.full));
this.images = [].concat(this.initialImages, newImages);
this.activeItem = newImages.length ? this.initialImages.length : 0;
this.itemCount = this.images.length;
},
resetGallery() {
this.images = this.initialImages;
this.itemCount = this.images.length;
this.initActive();
},
initActive() {
const mainImg = this.images.findIndex(image => image.isMain === true);
this.activeItem = mainImg === -1 ? 0 : mainImg;
},
eventListeners: {
['@keydown.window.escape']() {
this.fullscreen = false;
},
['@update-gallery.window'](event) {
this.receiveImages(event.detail);
},
['@reset-gallery.window']() {
this.resetGallery();
},
},
galleryBody: {
['@touchstart.passive'](event) {
this.swipeStart = this.isSwipeGesture(event)
? this.getTouchPosition(event)
: 0;
},
['@touchend.passive'](event) {
if (!this.isSwipeGesture(event)) return;
this.swipeItem(event);
},
},
galleryThumbs: {
['x-init']() {
this.$nextTick(() => this.calcThumbsOverflow());
},
['@resize.window.debounce']() {
this.calcThumbsOverflow();
}
},
galleryClasses() {
return {
'z-50 fixed inset-0 w-screen max-w-[min(1280px,(100%_-_2rem))] max-h-[min(1024px,(100%_-_2rem))] m-auto': this.fullscreen,
'relative': !this.fullscreen
}
},
firstImageClasses() {
return 'invisible';
},
imageWrapperFullscreenClasses() {
return { 'p-4 sm:p-8': this.fullscreen };
},
imageFullscreenClasses() {
return { 'w-auto': this.fullscreen };
},
hasMultipleImages() {
return this.images.length > 1;
},
isAtStart() {
return !this.loop && this.isStart;
},
isAtEnd() {
return !this.loop && this.isEnd;
},
imageCaption() {
return this.image.caption || 'Magnetic\u0020Bookmarks\u0020Printing';
},
showCaption() {
return (this.image.type === 'image')
&& this.image.caption
&& (this.image.caption !== 'Magnetic\u0020Bookmarks\u0020Printing');
},
notFullscreen() {
return !this.fullscreen;
},
openFullscreen() {
this.fullscreen = true;
},
closeFullscreen() {
this.fullscreen = false;
},
fullscreenRole() {
return this.fullscreen ? 'dialog' : false;
},
fullscreenLabel() {
return this.fullscreen ? 'Fullscreen\u0020Gallery' : false;
},
maskOverflowClasses() {
const noMask = 'mask-overflow-start mask-overflow-end';
const sliderMask = {
'mask-overflow-end': this.thumbsStart,
'mask-overflow-start': this.thumbsEnd
};
return this.thumbsOverflow ? sliderMask : noMask;
},
thumbsOverflow: false,
thumbsStart: true,
thumbsEnd: true,
scrollTo(target) {
target.scrollIntoView({
behavior: "smooth",
block: "nearest",
inline: "nearest"
});
},
thumbIsActive() {
return this.activeItem === this.index;
},
setThumbActive() {
return this.activeItem = this.index;
},
thumbClasses() {
return {
'group-focus:border-gray-400': this.activeItem === this.index,
'border-transparent': this.activeItem !== this.index
}
},
setThumbLabel() {
return hyva.str('View %1', this.image.caption) || 'View\u0020\u00251';
},
getActiveThumb() {
return this.$refs.jsThumbSlides.querySelector('button[aria-current="true"]');
},
thumbsOverflowNotAtStart() {
return this.thumbsOverflow && !this.thumbsStart;
},
thumbsOverflowNotAtEnd() {
return this.thumbsOverflow && !this.thumbsEnd;
},
isThumbInView(action = "leave") {
const isFirst = this.index === 0;
const isLast = this.index === (this.itemCount - 1);
if (isFirst) {
this.thumbsStart = (action === "enter");
}
if (isLast) {
this.thumbsEnd = (action === "enter");
}
},
isThumbInViewEnter() {
this.isThumbInView("enter")
},
isThumbInViewLeave() {
this.isThumbInView("leave")
},
calcThumbsOverflow() {
const thumbs = this.$refs.jsThumbSlides;
if (!thumbs) return;
const { scrollWidth, scrollHeight, offsetWidth, offsetHeight } = thumbs;
const hasOverflow = scrollHeight > scrollWidth
? scrollHeight > offsetHeight
: scrollWidth > offsetWidth;
this.thumbsOverflow = hasOverflow;
},
}
}
window.addEventListener('alpine:init', () => Alpine.data('initGallery', initGallery), {once: true})
Custom Magnetic Bookmarks That Stay in PlaceCustom magnetic bookmarks clip around the page instead of sitting loose between pages, helping readers save their place more securely. They exist for customers who want a more functional bookmark format that stays with the book during travel, daily reading, study, or gifting.
- SKU
- bookmarks-magnetic-ap-can
CA$45.95