★
★
★
★
★
Perforated Voucher Printing
- Custom perforated voucher printing, perfect for everything from gigs to promotions.
- Perfectly finished with a huge range of embellishment options.
- Print your tear-off voucher on luxurious stocks, including eco-friendly materials.
In today's competitive market, businesses are constantly searching for innovative ways to attract and retain customers. Aura Print has you covered, offering a unique solution through our perforated voucher printing service. Perforated vouchers serve as a physical reminder of your brand's commitment to customer satisfaction, creating a lasting impression.
Our perforated voucher printing process utilises state-of-the-art technology to ensure that each voucher is printed with the highest precision. The perforation is clean and smooth, making it easy for your customers to detach and use the voucher without damaging the rest of the information. This attention to detail is what sets Aura Print apart from the competition. Whether you're running a promotional campaign, a special event, or looking to boost your sales, our perforated vouchers are designed to meet your specific needs.
Vouchers Made Personal
Aura Print offers a wide range of customisation options for your perforated voucher printing needs. From selecting the perfect paper quality that resonates with your brand's image to choosing the right size and design that captures your message, our team works closely with you every step of the way. Our perforated vouchers are not just promotional items; they are crafted to enhance your marketing strategy and engage your audience in a meaningful way.
Aura Print ensures a quick turnaround time for all perforated voucher printing orders. We recognise that time is of the essence, especially when it comes to launching marketing campaigns or promotional offers. Therefore, we strive to deliver your perforated vouchers promptly with no compromise on quality. This efficiency is pivotal in helping you stay ahead in the fast-paced business environment, allowing you to launch your campaigns on time.
Keeping It Eco-Friendly
Aura Print is committed to sustainability and environmentally friendly practices. We use eco-friendly inks and materials in our perforated voucher printing process, ensuring that your business not only stands out for its promotional efforts but also for its contribution to environmental conservation. This commitment to sustainability adds an additional layer of value to your marketing materials, resonating with eco-conscious consumers and reinforcing your brand's reputation.
In conclusion, Aura Print's perforated voucher printing service offers a versatile and effective tool for businesses looking to enhance their marketing efforts. Our high-quality printing, customisable options, quick turnaround, and commitment to sustainability make us the ideal partner for creating perforated vouchers.
Dispatched using a reliable next working day courier in as little as 1 working day 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.
Real Voucher Printing Examples & Customer Inspiration
Explore professionally printed voucher designs created for restaurants, salons, retail brands, hospitality businesses, events, and promotional campaigns. From luxury gift vouchers and branded experience cards to seasonal offers and premium coupon printing, these real customer projects highlight how effective design and quality print can help vouchers feel more valuable, memorable, and professional.
Looking for inspiration for your own voucher printing project? Browse our full print gallery to discover creative layouts, premium paper stocks, foil finishes, textured materials, bold color palettes, and high-end finishing options used across a wide range of custom printed vouchers and gift certificates.
Choosing the Right Paper for Perforated Vouchers
Perforated vouchers need to look professional while still being practical to tear, handle and redeem. The paper stock you choose affects how cleanly each voucher separates, how durable the finished print feels, and how premium your promotion appears to customers.
Whether you are creating tear-off discount vouchers, event coupons, salon offers, gift promotions or redeemable ticket-style vouchers, selecting the right material helps balance presentation with everyday usability. A smoother stock can give artwork and branding a sharper finish, while uncoated and textured papers create a more tactile feel for boutique promotions and premium customer rewards. Learn more about different paper finishes in our Gloss, Silk or Uncoated Paper guide.
-
Silk -
Gloss
-
Uncoated
-
Recycled
-
Kraft
-
Cotton
-
Rag
-
Wheat
-
Cannabis
-
GF Smith Colorplan
-
Pearlescent
-
Zeta Hammer
-
Zeta Laid
-
Zeta Linen
-
Arpa Ribbed
-
Tinteresso Gesso
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 days.
What Are Perforated Gift Vouchers Used For?
Perforated gift vouchers are designed with detachable sections that can be removed during redemption or promotional use. Businesses use them for everything from hospitality promotions and salon offers through to loyalty campaigns, referral incentives, prepaid services, and retail promotions where part of the voucher needs to be retained after use.
The business retains the tear-off section while the customer keeps the remaining portion throughout their visit or redemption. This gives businesses a simple physical way to track redeemed offers, organise promotions, or retain proof of use without needing to collect the entire voucher from the customer.
What Information Should Go on the Tear-Off Section of a Voucher?
The detachable section normally contains the operational information businesses need to retain during redemption. This can include voucher numbers, QR codes, booking references, expiry dates, campaign identifiers, customer details, or internal tracking information depending on how the promotion will be managed.
Many businesses also repeat important information across both sections so customers and staff each retain the relevant details after separation. Matching tracking information on both sides can also help businesses pair redeemed sections back to the original voucher if verification, reconciliation, or customer queries arise later.
Where Should Perforation Lines Be Placed on a Voucher?
Perforation lines should be positioned where the voucher can separate cleanly without disrupting important artwork, branding, or redemption details. Most designs place the detachable section along one edge of the voucher so staff can remove it quickly while leaving the main customer-facing section intact.
The size and placement of the tear-off section will depend on how the voucher is being used. Smaller detachable sections can leave more room for branding and presentation, while larger sections may be easier for staff to handle, organise, stamp, or scan during redemption.
Important text, QR codes, numbering, and fine design elements should not be printed directly across the perforation itself where possible so both sections remain readable and functional after separation.
Most perforated vouchers use a single detachable section, though additional perforations can be added where different parts of the voucher need to be retained or processed separately.
What Paper Stocks Work Best for Perforated Voucher Printing?
The best paper stock depends on how the vouchers will be distributed, handled, and redeemed. Perforated vouchers are commonly produced on stocks ranging from 100gsm up to around 400gsm depending on the paper selected and how the vouchers need to perform during use.
Lighter stocks can work well for larger promotional campaigns or temporary offers, while thicker premium stocks often suit gifting, hospitality promotions, or presentation-focused campaigns. If vouchers need to be stamped, handwritten, or completed manually after printing, uncoated papers generally provide a more reliable writing surface than laminated finishes.
Paper thickness can also influence how the perforation behaves during tearing. Extremely thick ultra-layered stocks are generally less suitable for perforated products because the tear becomes less controlled and harder to separate cleanly during redemption. Thicker papers within a suitable range can create a more substantial feel and a cleaner, more controlled tear when handled.
Exploring different paper types and finishes through a sample pack can also help businesses understand how different stocks feel once physically handled and separated.
What Finishes Work Best on Perforated Vouchers?
The best finish depends on the balance between how the voucher will be presented and how it will be used. Uncoated finishes work well for practical promotional vouchers where staff may need to write, stamp, or annotate information after printing.
Matt lamination gives a clean, understated appearance with added surface protection, while gloss can make colours feel brighter and more polished for retail or promotional campaigns.
Soft-touch lamination is often chosen for gift-focused vouchers where businesses want the finished print to feel more refined. The added benefit of soft-touch lamination is that foil finishes and raised spot uv can be applied to logos, headings, borders, or decorative details to give your vouchers more visual emphasis.
How Should Artwork Be Supplied for Perforated Voucher Printing?
Artwork should be supplied in high-resolution print-ready formats such as PDF or fully packaged Adobe Illustrator files, prepared in CMYK at 300DPI with a 2mm bleed and 3mm safe zone included.
Perforation lines should be indicated using a 1pt magenta line on a separate layer or separate page. Allow enough clearance around the perforation itself so text, QR codes, numbering, or any important details remain easy to read once the voucher has been separated.
Can Perforated Vouchers Be Personalised With Unique Codes or QR Codes?
Using our “All Prints Personalised via Data Merge” option on the product configurator, perforated vouchers can be individually personalised with unique voucher codes, QR codes, barcodes, sequential numbering, expiry dates, customer names, booking references, or fixed values across the same print run.
To do this, you will need to supply a spreadsheet containing the personalised information, with each data field placed in a separate column. Each row of data then generates a single printed voucher during production, so it is important that you check all information carefully before submission to avoid errors carrying across the full print run.
Many businesses repeat matching tracking information across both sections of the voucher so the detachable redemption stub can still be paired back to the customer’s retained section later if needed. This can help businesses manage campaigns more consistently while improving redemption tracking across larger promotional runs.
What Are Perforated Gift Vouchers Used For?
What Information Should Go on the Tear-Off Section of a Voucher?
Where Should Perforation Lines Be Placed on a Voucher?
What Paper Stocks Work Best for Perforated Voucher Printing?
What Finishes Work Best on Perforated Vouchers?
How Should Artwork Be Supplied for Perforated Voucher Printing?
Can Perforated Vouchers Be Personalised With Unique Codes or QR Codes?
Perforated gift vouchers are designed with detachable sections that can be removed during redemption or promotional use. Businesses use them for everything from hospitality promotions and salon offers through to loyalty campaigns, referral incentives, prepaid services, and retail promotions where part of the voucher needs to be retained after use.
The business retains the tear-off section while the customer keeps the remaining portion throughout their visit or redemption. This gives businesses a simple physical way to track redeemed offers, organise promotions, or retain proof of use without needing to collect the entire voucher from the customer.
Voucher Printing Tips, Design Advice & Professional Print Guides
Creating effective printed vouchers involves more than just adding a discount code or promotional message. From selecting the right paper stock and preparing artwork correctly to understanding colour reproduction and print setup, these practical guides help you achieve more professional and polished voucher printing results.
Whether you are producing gift vouchers, promotional coupons, loyalty cards, or branded event vouchers, these expert resources cover some of the most common print questions to help your designs look sharper, feel more premium, and perform more effectively once printed.
What is Bleed
Voucher designs often include coloured backgrounds, edge-to-edge graphics, and detailed layouts that require accurate trimming during production. This guide explains how bleed works, why it matters for professional printing, and how to avoid unwanted white edges on finished vouchers.
Colour Matching - Print 'v' Screen
Colours viewed on phones, tablets, and computer monitors can appear very different once professionally printed. This guide explores colour variation, screen limitations, and how to achieve more consistent printed colours across promotional vouchers and branded designs.
How To Check Your Artwork for Print
Small text, barcodes, QR codes, and promotional details all need careful setup before printing vouchers professionally. This practical artwork guide explains how to review your files properly to help avoid production issues and improve final print quality.
What is GSM
Paper thickness plays an important role in how vouchers feel, perform, and present your brand. This guide explains GSM paper weights and helps you choose the right stock for luxury gift vouchers, promotional handouts, loyalty cards, and premium printed marketing materials.
Beyond Voucher Printing
Great voucher design does not stop at the voucher itself. Coordinated print products can help businesses create stronger promotions, improve presentation, and build a more memorable customer experience from the moment a customer receives an offer through to redemption and repeat visits.
From retail gift campaigns and hospitality promotions to beauty salons, restaurants, and luxury events, these additional print products help transform simple vouchers into complete branded marketing packages that feel more premium, professional, and effective.
Printed Voucher Books
Perfect for businesses running regular promotions, voucher books provide an organised and professional way to distribute multiple offers, discount campaigns, appointment rewards, and redeemable coupons in one convenient format.
Gift Card Printing
Pairing vouchers with professionally printed gift cards helps create more flexible retail and hospitality promotions while adding a higher perceived value for customers purchasing gifts or prepaid experiences.
Printed Loyalty Cards
Loyalty cards work seamlessly alongside promotional vouchers by encouraging repeat purchases, return visits, and long-term customer engagement through branded reward schemes.
Presentation Folder Printing
Designed for premium hospitality packs, corporate gifting, event promotions, and luxury customer experiences, presentation folders help organise vouchers and supporting materials with a polished branded finish.
Custom Sticker Printing
Printed stickers are ideal for sealing voucher packs, branding envelopes, decorating packaging, or adding personalised finishing touches that make promotional materials feel more distinctive and professionally presented.
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_vouchers_perforated_voucher_torn.jpg","img":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/e3750db8823e031f2cbaf8ab4056eb7b\/a\/p\/ap_vouchers_perforated_voucher_torn.jpg","full":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/9b93d049b5b8552c1f07c08f534e7a72\/a\/p\/ap_vouchers_perforated_voucher_torn.jpg","caption":"Perforated Voucher Printing","position":"0","isMain":true,"type":"image","videoUrl":null},{"thumb":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/b72f33ae4279c7e2e1b7951ae5b98318\/a\/p\/ap_vouchers_perforated_voucher_duo.jpg","img":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/e3750db8823e031f2cbaf8ab4056eb7b\/a\/p\/ap_vouchers_perforated_voucher_duo.jpg","full":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/9b93d049b5b8552c1f07c08f534e7a72\/a\/p\/ap_vouchers_perforated_voucher_duo.jpg","caption":"Perforated Voucher Printing","position":"1","isMain":false,"type":"image","videoUrl":null},{"thumb":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/b72f33ae4279c7e2e1b7951ae5b98318\/a\/p\/ap_vouchers_perforated_voucher_whole.jpg","img":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/e3750db8823e031f2cbaf8ab4056eb7b\/a\/p\/ap_vouchers_perforated_voucher_whole.jpg","full":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/9b93d049b5b8552c1f07c08f534e7a72\/a\/p\/ap_vouchers_perforated_voucher_whole.jpg","caption":"Perforated Voucher Printing","position":"2","isMain":false,"type":"image","videoUrl":null}],
images: [{"thumb":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/b72f33ae4279c7e2e1b7951ae5b98318\/a\/p\/ap_vouchers_perforated_voucher_torn.jpg","img":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/e3750db8823e031f2cbaf8ab4056eb7b\/a\/p\/ap_vouchers_perforated_voucher_torn.jpg","full":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/9b93d049b5b8552c1f07c08f534e7a72\/a\/p\/ap_vouchers_perforated_voucher_torn.jpg","caption":"Perforated Voucher Printing","position":"0","isMain":true,"type":"image","videoUrl":null},{"thumb":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/b72f33ae4279c7e2e1b7951ae5b98318\/a\/p\/ap_vouchers_perforated_voucher_duo.jpg","img":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/e3750db8823e031f2cbaf8ab4056eb7b\/a\/p\/ap_vouchers_perforated_voucher_duo.jpg","full":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/9b93d049b5b8552c1f07c08f534e7a72\/a\/p\/ap_vouchers_perforated_voucher_duo.jpg","caption":"Perforated Voucher Printing","position":"1","isMain":false,"type":"image","videoUrl":null},{"thumb":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/b72f33ae4279c7e2e1b7951ae5b98318\/a\/p\/ap_vouchers_perforated_voucher_whole.jpg","img":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/e3750db8823e031f2cbaf8ab4056eb7b\/a\/p\/ap_vouchers_perforated_voucher_whole.jpg","full":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/9b93d049b5b8552c1f07c08f534e7a72\/a\/p\/ap_vouchers_perforated_voucher_whole.jpg","caption":"Perforated Voucher Printing","position":"2","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/uk/${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 || 'Perforated\u0020Voucher\u0020Printing';
},
showCaption() {
return (this.image.type === 'image')
&& this.image.caption
&& (this.image.caption !== 'Perforated\u0020Voucher\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})
Perforated Voucher Printing
Custom perforated voucher printing, perfect for everything from gigs to promotions.
Perfectly finished with a huge range of embellishment options.
Print your tear-off voucher on luxurious stocks, including eco-friendly materials.
- SKU
- vouchers-perf-ap-uk
£24.95