★
★
★
★
★
Aluminum Foil Coupon Printing
- Create metallic foil vouchers for your tattoo studio, salon promo, or boutique customers
- With more foil shades than you’re likely to find elsewhere, we can undoubtedly match your branding
- Design your own metallic foil vouchers or recruit the help of our in-house design team
Whether you’re an outdoor adventure center promoting your new high-wire experience, a boutique hotel offering a free prosecco bottle with every booking, or beauty salon selling discounted Valentine’s pamper packages, if you’re marketing exclusive experiences, we’re the print partner for you.
From glittering gold to modern holographic and everything in between, we’re proud to offer more metallic foil shades than you’re likely to find elsewhere. What’s more, our in-house foil printing veterans are well versed in crafting seamless foil coupons, with precision finishing and attention to detail at the forefront of everything we do.
Aluminum Foil Coupons: A Promotional Miracle
If you’re in the market for brand new company vouchers but want something a little more premium than those lackluster ones you’re used to seeing (or using!), you’re in the right place. With customization taking the top step here at The Foil Printing Co., we set ourselves apart from our competitors by refusing to limit you to the bog-standard choices you see on every other site. With more foil shades, paper materials, paper weights, and innovative finishes than our competitors, at The Foil Printing Co. you’re welcome to make your aluminum foil coupons truly yours.
From silver foil coupons to gold aluminum foil coupons and beyond, we’re proud to present an enormous catalog of foil shades, which we’ve collated into a jam-packed sample pack designed to help you make the right choice. You’ll also find our curated paper collection, complimentary soft-touch laminate, and a range of innovative finishes displayed.
Speaking of finishes, whether you’re looking for tear-off perforations, rounded corners, custom sizes, or all three, scroll your way through our seamless order configurator to get a real-time price and turnaround estimate!
The Team Behind the Amazing Foil Coupons
When it comes to choosing a printing partner for your foil coupons, it’s important that you have peace of mind that your end product is going to be a real knock-out. At The Foil Printing Co, not only are our amazing customer service advisors waiting by the phone to assist you with your order, but our in-house studio team is also on hand to help you with the design work. If you want our design team to create jaw-dropping artwork for your aluminum foil coupons, simply send us your design brief post-checkout and your assigned designer will have the first proof copy of your design with you in no time.
Whether you choose to utilize our design service or submit your own design, we’ll do our best to get your vouchers turned around in no time, ensuring every voucher is quality checked before leaving our print shop.
Fast turnaround with dispatch from 4 working days, using a 1-3 day delivery
Foil printing specialists with 20+ years’ experience
Customize foil, stock, and finishes to match your style
Artwork checked by our team before printing (no surprises!)
Digital proof provided before print approval
Print orders completed
Recent Foil Coupon Projects
Have a look through a few recent foil coupon projects we’ve printed for shops, salons, spas, restaurants, cafes, hotels, events and everything in between.
Foil Coupons are a great choice when the coupon is being given as a gift, tucked into a card, added to a gift basket, handed out as a prize, or used as part of a promotion. A bit of foil can make the value, logo, code, expiration date or message feel clearer and more special, without making the design feel overdone.
Across these examples, you’ll see all sorts of approaches, from simple gift coupons with a small foil logo to bolder designs where the foil is used for the value, border or main message. Each one has been printed in-house using stocks and foil colors chosen to suit how the coupon will actually be used.
Our recent print gallery shows foil coupons in real life, so you can get a better feel for what works across different styles, businesses and occasions.
Paper Stocks for Metallic Foil Coupons
The stock you choose can make a big difference to how your foil coupons feel when someone receives them. A coupon might be slipped into a gift card, handed over at a checkout counter, added to a treatment package, or sent out as part of a promotion, so it needs to feel sturdy enough to be worth keeping.
Smoother stocks usually give foil the sharpest, brightest finish, which works well for logos, coupon values, codes, borders and small details. Softer or more textured stocks can give the coupon a calmer, more understated look, especially if the design is simple or gift-led. For a closer look at how different materials affect foil, our guide to papers you can print metallic foil to is a useful place to start.
We offer a carefully chosen range of stocks that work well with metallic foil, including smooth coated options, thicker card weights and recycled materials. This helps us keep the foil clean and consistent, whether you’re printing gift coupons, loyalty rewards, prize coupons or promotional offers.
-
Silk Coupons -
Gloss Coupons -
Uncoated Coupons -
Recycled Coupons
-
GF Smith Colorplan Coupons
-
Color Core Coupons
Metallic Foil Colors for Coupons
At The Foil Printing Co., we offer 12 metallic foil colors for coupons, from popular finishes like gold and silver to colored and holographic foils.
The foil color you choose can change how your coupon feels when someone receives it. Gold, silver, rose gold and copper are popular for gift coupons and service-based businesses, while colored foils can help match your branding, seasonal offers or campaign style.
Each foil catches the light differently, so it’s worth thinking about what needs to stand out most, whether that’s the coupon value, logo, code, heading or message. For a closer look at the full range, read our guide to metallic foil printing colors.
Gold Foil Vouchers
Gold is the most popular choice for coupons, especially when they’re being sold or given as gifts. It has a strong, warm shine that immediately makes the coupon feel more valuable.
We see this used a lot for things like “$50 coupon” or business names, basically anything that needs to stand out right away.
Best for: Gift coupons, high-end experiences, retail and hospitality.
How to Choose the Right Foil Coupon
With different paper stocks and foil colors available, it can be tricky to know which combination will work best for your coupons. A lot depends on how the coupon will be used, whether it’s being given as a gift or part of a promotion, and which details need to stand out most.
Our team works with foil coupons every day, so the guide below is based on the combinations we know tend to work well in real orders. Use it as a starting point for choosing a foil and stock pairing that suits your coupon, whether it’s for a salon, restaurant, shop, hotel, event, seasonal offer or customer reward.
|
Use Case |
Paper Stock |
Foil Color |
What it Looks Like |
Why it Works |
|
Gift vouchers (retail, salons, spas) |
Silk |
Gold / Rose Gold |
Clean background with strong, warm metallic highlights |
Feels more valuable and gift-ready straight away |
|
Premium experiences |
Silk / Color core |
Gold / Black Chrome |
Sharp foil with a heavier, more considered finish |
Adds weight and presence, reinforcing a higher-end offer |
|
Promotional vouchers & offers |
Gloss / Silk |
Red / Gold |
Bright, high-contrast foil that draws attention quickly |
Helps highlight value, discounts and key messaging |
|
Seasonal campaigns (e.g. Christmas) |
Silk / Uncoated |
Gold / Copper |
Warmer tones with a slightly softer overall feel |
Works well for festive or time-specific promotions |
|
Corporate vouchers |
Silk |
Silver / Blue |
Clean, structured layout with sharp foil detail |
Keeps things professional and easy to read |
|
Branded vouchers (color-led) |
Silk / Colorplan |
Teal / Green / Blue |
Foil aligns closely with brand colors |
Creates consistency across wider brand materials |
|
Minimal / design-led vouchers |
Silk |
Black Chrome / Silver |
Subtle metallic contrast on a simple layout |
Lets the design breathe while still adding detail |
|
Eco or natural branding |
Recycled |
Green / Copper |
Softer background with clear foil highlights |
Reinforces sustainability messaging while maintaining quality |
What Makes Our Foil Coupons Different
Foil Coupons need to look good, but they also need to be practical. They might be given as a birthday present, added to a gift basket, sold at a salon reception, handed out as a prize, or used as part of a seasonal offer. That means the size, finish, foil placement and any tear-off sections all need to work properly, not just look nice on screen.
At The Foil Printing Co., we work with foil every day, so we know how to set up coupons that feel ready to hand over, mail out or sell in store. From paper choice and foil color to size, shape, perforations, rounded corners and lamination, we can help you choose the setup that makes sense for how your coupons will actually be used.
Coupon Sizes, Formats & Custom Shapes
Our foil coupons can be printed in landscape, portrait, square or custom shapes. The most common coupon sizes are 4 x 6”, 4 x 8” and 2.75 x 8.5”, but we can print them at almost any size if you need something more specific.
A smaller coupon can work well for simple offers, discount codes or loyalty rewards, while a longer 4 x 8”-style format often suits gift coupons, treatment coupons, meal coupons or anything that needs a little more room for terms, codes or booking details.
For something more unusual, we can also produce custom shapes. This can work well if the coupon needs to match your brand, product, event or packaging.
Single or Double-Sided Foil Coupons
You can choose single or double-sided coupons, depending on how much information you need to include.
Many customers use the front for the main message, value, logo or gift wording, then use the reverse for terms, expiration dates, contact details, booking information or a QR code. Foil can be added to one side or both sides, depending on the design.
If one side is printed but not foiled, or left blank, you can choose whether that side is unlaminated, soft-touch laminated, matte laminated or gloss laminated. The foiled side will always have soft-touch lamination to help the foil apply cleanly.
Black or CMYK Print
Your coupon artwork can be printed in black or full CMYK color before the foil is applied. Black print works well for simple gift coupons, clean layouts and text-led designs, while CMYK gives you more freedom for brand colors, backgrounds, patterns, product imagery or seasonal artwork.
Foil can then be used to highlight the parts people notice first, such as the coupon value, logo, heading, border, offer message or gift wording.
Why Soft-Touch Lamination is Needed
All foiled sides include soft-touch lamination. This gives the foil a smooth, consistent surface to apply to and helps us get a cleaner finish.
If your coupon is printed on both sides but only foiled on one, the non-foiled side can be finished separately. Some customers leave it unlaminated for a simpler finish, while others choose soft-touch, matte or gloss so both sides feel more consistent.
Perforated coupons & Tear-Off Sections
If your coupon includes a tear-off section, we can add up to three vertical or horizontal perforations, or custom perforation placement if your design needs something more specific.
Perforations are useful for claim slips, redemption sections, receipt stubs, raffle entries, booking references, or any part of the coupon that needs to be removed and kept. If you’re using a perforation, it’s worth leaving clear space around the tear line so codes, values, QR codes, barcodes and expiration dates stay easy to read after the section has been removed.
Rounded Corners & Finishing
Rounded corners can be added if you want to soften the shape of your coupons and remove sharp edges. We offer 6mm or 16mm rounded corners, or you can leave the corners square if that suits the design better.
For some designs, rounded corners give the coupon more of a gift-card feel. For others, a clean square edge works better, especially if the coupon is being inserted into envelopes, wallets or presentation sleeves.
Sequential Numbering & Data Merge
If your coupons need unique numbers, codes or references, we can set them up using data merge. This is often used for gift coupon numbers, redemption codes, booking references, raffle entries or tear-off claim sections.
To do this, we’ll need a spreadsheet with the details exactly as they should appear on the coupons. For example, this might be a column of sequential coupon numbers, unique discount codes, names, values or expiration dates.
Please make sure the spreadsheet is checked carefully before sending it to us, as the data supplied will be used to create the final print files. It’s also helpful if your artwork clearly shows where each variable detail should sit, especially if the number or code needs to appear on both the main coupon and a tear-off section.
Coupon Artwork Supplied by You or Designed by Us
You can supply your own print-ready coupon artwork, or our team can design it for you from a brief.
If you already have artwork, we’ll check the setup before proofing to make sure the print artwork, foil layer, bleed, safe zones and any perforation guides are clear. If we design your coupon for you, we’ll work from your logo, wording, brand colors, offer details and any practical information that needs to be included.
Please check your proof carefully before approving it, especially coupon values, codes, expiration dates, terms, phone numbers, URLs and QR codes. Once approved, your proof is what we’ll use for print.
Artwork Requirements
Setting up artwork for foil coupons is mainly about showing us two things clearly: what you’d like printed, and what you’d like foiled. Your CMYK artwork shows the printed coupon design, while your foil layer shows exactly where the metallic finish should appear.
Once those parts are separated and your order has been placed, our team can check your file, prepare your proof, and get your coupons moving through production.
To make things easier, you can also start with our voucher design template, which is already set up with the correct size, bleed, and safe zones.
Foil Artwork Checklist
To help us set up your foil coupons smoothly, please supply your artwork using the following guidelines:
✔️Add 2mm bleed around your artwork, especially if backgrounds, colors, patterns or borders run to the edge.
✔️Set all printed artwork to CMYK.
✔️Use a minimum resolution of 300 DPI for image-based artwork.
✔️Supply files as PDF, JPG, or fully packaged AI files.
✔️Keep important text, logos, coupon values, codes, expiration dates, terms and contact details within a 3mm safe zone from the cut edge.
✔️Supply foil elements separately from your CMYK artwork, ideally on a separate page or artboard.
✔️Set foil elements as 100% K black. This black layer will not print as black ink, it simply shows us where the foil should be applied.
Setting Up Your Foil Layer
Your foil layer tells us where the metallic finish should go. For coupons, this is often used for logos, values, headings, borders, gift messages, icons, codes or offer details.
If your coupon is single-sided, we’ll need:
-
The printed artwork
-
The foil layer for that side
If your coupon is double-sided, we’ll need:
-
Front printed artwork
-
Front foil layer
-
Back printed artwork
-
Back foil layer
If only one side of your coupon is being foiled, you only need to supply a foil layer for that side.
Perforations and Tear-Off Areas
If your coupon includes a tear-off section, please show the perforation line clearly using a 1 pt magenta line on a separate layer or separate page.
Leave enough space around the perforation so important details are not too close to the tear line. This is especially important for coupon codes, expiration dates, terms, QR codes, barcodes or anything the customer needs to keep readable after the section has been torn off.
Foil Coupon Artwork Tips from Our Team
Our team checks foil coupon artwork every day, so we know the little design choices that can make a coupon easier to read, easier to use and easier to hand over.
For the best results:
-
Use foil for the details that make the coupon feel important, such as the logo, coupon value, heading, gift message or border.
-
Keep practical details like codes, expiration dates, terms, barcodes and QR codes printed rather than foiled, so they stay clear and easy to scan.
-
If your coupon has a tear-off section, keep the code, value or claim details well away from the perforation line.
-
Avoid putting foil over areas that may need to be written on, stamped or marked in store.
-
Keep small print simple. coupon terms, booking instructions and redemption details are usually better as printed text, not foil.
-
Use foil as a highlight rather than covering too much of the coupon, especially if the design already includes a lot of information.
-
Make sure the main value or offer is easy to spot at a glance, whether that’s $25, 20% off, a free treatment, a meal coupon or a gift card message.
-
Keep foil, print artwork and any perforation guides clearly separated.
Before You Send Your coupon Artwork
Before uploading your files, please check that your foil layer is separate, foil is supplied as 100% K black, important coupon details sit inside the 3mm safe zone, bleed has been added where needed, and any perforation lines are clearly marked in magenta.
Need a Hand?
If you’re unsure whether your artwork is set up correctly, let us know in your artwork email and a member of our team will take a look before production begins. We’ll let you know if anything needs adjusting before your proof is prepared. Before that, why not read our guide to setting up your foil artwork?
If you need help designing your foil coupons, select the ‘Supply Brief & We Design’ option at checkout and send us a design brief instead of finished artwork. From there, we’ll pair you with a designer to work with you to create your ideal foil coupons.
Artwork advice by Liam Smith
TheFoilPrintingCo founder and Managing Director Liam Smith has close to 20 years of experience in the print industry. His expertise spans print production, specialist finishing methods, and the commercial aspects of modern printing. After launching TheFoilPrintingCo as a home-based start-up in 2007, Liam developed a strong practical understanding of the industry, bringing valuable knowledge and real-world insight to every article he produces.
Can I have a different foil color on the front and back of my aluminum foil coupons?
Absolutely! When you get to configuring your order, you’ll be given the option to select both front & rear foil if you choose double-sided aluminum foil coupons. So, whether you’re going for gold on the front and silver on the back, holographic on the front and pink on the back, or any other combination, we’re here to help make your foil coupons a spectacle.
Can I have an individually numbered tear-off stub at the end of my vouchers?
Yes, you can. By supplying a spreadsheet complete with the numbers you need to individualize your vouchers with, our team will perform a data merge, resulting in individually numbered vouchers. Our tear-off ends are seamlessly created, and we can even data merge your unique number onto the body of the vouchers as well as the tear-off, perfect for easy bookkeeping.
Can I have a fully foiled voucher?
Of course you can, and while golden tickets are the most popular iteration, we offer full foil coverage on the front and rear in every metallic shade we keep in stock! From brilliant blue to rose gold, we’ve got you covered.
How long will it take for you to design my vouchers for me?
With our in-house design service, you can expect the first proof copy in your inbox in as little as 1 working day, leaving time to make any necessary changes. The sooner you place your order and get your brief across to us, the sooner you’ll have aluminum foil coupon order in your hands.
Can I order a single copy of my vouchers before committing to a larger order?
Due to the setup time required for aluminum foil coupon printing, it is not possible for us to provide a single copy. We do however offer sample packs designed to showcase the quality of our printing, our foil shades, and our paper materials, perfect for giving you an idea of what your finished vouchers could look like. Although these sample packs do not include vouchers, they are perfect for assisting you in your decision making.
What paper type should I choose?
We offer a huge selection of curated paper options, each especially chosen for your aluminum foil coupon. Without knowing your desired aesthetic, it’s hard to advise, therefore we recommend ordering a sample pack so you can see them for yourself. From classics such as silk and uncoated to eco-friendly stocks and colored cardstocks, the options are virtually endless!
Can I have a different foil color on the front and back of my aluminum foil coupons?
Can I have an individually numbered tear-off stub at the end of my vouchers?
Can I have a fully foiled voucher?
How long will it take for you to design my vouchers for me?
Can I order a single copy of my vouchers before committing to a larger order?
What paper type should I choose?
Absolutely! When you get to configuring your order, you’ll be given the option to select both front & rear foil if you choose double-sided aluminum foil coupons. So, whether you’re going for gold on the front and silver on the back, holographic on the front and pink on the back, or any other combination, we’re here to help make your foil coupons a spectacle.
Helpful Blogs
Not sure where to start with your foil coupons? The guides below answer some of the questions we’re asked most often, from how foil printing actually works to which papers are best suited to metallic finishes.
They’re especially useful if you’re planning gift coupons, promotional offers, loyalty rewards or branded coupons, and want a better feel for the materials, artwork setup and design choices before placing your order.
What Does Foil Printing Mean
A clear overview of what foil printing is and how metallic finishes are applied, helping you understand what to expect from your vouchers.
How Does Foil Printing Work
Learn how foil is applied during production and what affects the final finish, from setup through to the completed voucher.
What Paper can you Print Metallic Foil to
Explore which paper types work best with foil printing and how different surfaces affect the final look and feel.
How to Write a Design Brief for Foil Printing
Plan your foil voucher design more effectively with practical tips on layout, structure and how to get the best result from your print.
Related Products
If you’re ordering foil coupons, it’s worth thinking about how they’ll be handed over, packaged or used as part of the wider customer experience. A coupon on its own can work brilliantly, but pairing it with the right supporting print can make it feel more complete, especially if it’s being sold as a gift, mailed to a customer, added to a parcel, or presented in store.
The products below are often ordered alongside foil coupons to help with packaging, gifting, customer follow-ups and brand consistency. From foil envelopes and stickers to thank you cards and business cards, these extras can help your coupons feel more thoughtful from the moment someone receives them.
Create foil gift cards for a more compact, retail-ready alternative to vouchers, ideal for gifting and in-store display.
Pair your coupons with foil business cards to create a consistent, professional brand experience across customer touchpoints.
Add a personal touch with foil thank you cards, ideal for including alongside coupons to enhance the overall customer experience.
Use foil stickers to seal, brand or package your coupons, adding an extra layer of detail to your presentation.
Present your coupons in foil printed envelopes, creating a more polished and high-end experience from the moment they’re received.
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:\/\/thefoilprintingco.com\/media\/catalog\/product\/cache\/bc306be298285cf9d7855abd674089c9\/t\/f\/tfpc_gold_foil_voucher_front_back_1.jpg","img":"https:\/\/thefoilprintingco.com\/media\/catalog\/product\/cache\/e3750db8823e031f2cbaf8ab4056eb7b\/t\/f\/tfpc_gold_foil_voucher_front_back_1.jpg","full":"https:\/\/thefoilprintingco.com\/media\/catalog\/product\/cache\/9b93d049b5b8552c1f07c08f534e7a72\/t\/f\/tfpc_gold_foil_voucher_front_back_1.jpg","caption":"Metallic Gold Foil Vouchers Front & Back","position":"0","isMain":false,"type":"image","videoUrl":null},{"thumb":"https:\/\/thefoilprintingco.com\/media\/catalog\/product\/cache\/bc306be298285cf9d7855abd674089c9\/t\/f\/tfpc_silver_foil_voucher_fanned_1.jpg","img":"https:\/\/thefoilprintingco.com\/media\/catalog\/product\/cache\/e3750db8823e031f2cbaf8ab4056eb7b\/t\/f\/tfpc_silver_foil_voucher_fanned_1.jpg","full":"https:\/\/thefoilprintingco.com\/media\/catalog\/product\/cache\/9b93d049b5b8552c1f07c08f534e7a72\/t\/f\/tfpc_silver_foil_voucher_fanned_1.jpg","caption":"Metallic Silver Foil Vouchers Fanned","position":"1","isMain":false,"type":"image","videoUrl":null},{"thumb":"https:\/\/thefoilprintingco.com\/media\/catalog\/product\/cache\/bc306be298285cf9d7855abd674089c9\/t\/f\/tfpc_rose_gold_foil_voucher_front_1.jpg","img":"https:\/\/thefoilprintingco.com\/media\/catalog\/product\/cache\/e3750db8823e031f2cbaf8ab4056eb7b\/t\/f\/tfpc_rose_gold_foil_voucher_front_1.jpg","full":"https:\/\/thefoilprintingco.com\/media\/catalog\/product\/cache\/9b93d049b5b8552c1f07c08f534e7a72\/t\/f\/tfpc_rose_gold_foil_voucher_front_1.jpg","caption":"Metallic Rose Gold Foil Vouchers Front","position":"2","isMain":true,"type":"image","videoUrl":null}],
images: [{"thumb":"https:\/\/thefoilprintingco.com\/media\/catalog\/product\/cache\/bc306be298285cf9d7855abd674089c9\/t\/f\/tfpc_gold_foil_voucher_front_back_1.jpg","img":"https:\/\/thefoilprintingco.com\/media\/catalog\/product\/cache\/e3750db8823e031f2cbaf8ab4056eb7b\/t\/f\/tfpc_gold_foil_voucher_front_back_1.jpg","full":"https:\/\/thefoilprintingco.com\/media\/catalog\/product\/cache\/9b93d049b5b8552c1f07c08f534e7a72\/t\/f\/tfpc_gold_foil_voucher_front_back_1.jpg","caption":"Metallic Gold Foil Vouchers Front & Back","position":"0","isMain":false,"type":"image","videoUrl":null},{"thumb":"https:\/\/thefoilprintingco.com\/media\/catalog\/product\/cache\/bc306be298285cf9d7855abd674089c9\/t\/f\/tfpc_silver_foil_voucher_fanned_1.jpg","img":"https:\/\/thefoilprintingco.com\/media\/catalog\/product\/cache\/e3750db8823e031f2cbaf8ab4056eb7b\/t\/f\/tfpc_silver_foil_voucher_fanned_1.jpg","full":"https:\/\/thefoilprintingco.com\/media\/catalog\/product\/cache\/9b93d049b5b8552c1f07c08f534e7a72\/t\/f\/tfpc_silver_foil_voucher_fanned_1.jpg","caption":"Metallic Silver Foil Vouchers Fanned","position":"1","isMain":false,"type":"image","videoUrl":null},{"thumb":"https:\/\/thefoilprintingco.com\/media\/catalog\/product\/cache\/bc306be298285cf9d7855abd674089c9\/t\/f\/tfpc_rose_gold_foil_voucher_front_1.jpg","img":"https:\/\/thefoilprintingco.com\/media\/catalog\/product\/cache\/e3750db8823e031f2cbaf8ab4056eb7b\/t\/f\/tfpc_rose_gold_foil_voucher_front_1.jpg","full":"https:\/\/thefoilprintingco.com\/media\/catalog\/product\/cache\/9b93d049b5b8552c1f07c08f534e7a72\/t\/f\/tfpc_rose_gold_foil_voucher_front_1.jpg","caption":"Metallic Rose Gold Foil Vouchers Front","position":"2","isMain":true,"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://thefoilprintingco.com/usa/${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 || 'Aluminum\u0020Foil\u0020Coupon\u0020Printing';
},
showCaption() {
return (this.image.type === 'image')
&& this.image.caption
&& (this.image.caption !== 'Aluminum\u0020Foil\u0020Coupon\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})
Aluminum Foil Coupon Printing
Create metallic foil vouchers for your tattoo studio, salon promo, or boutique customers
With more foil shades than you’re likely to find elsewhere, we can undoubtedly match your branding
Design your own metallic foil vouchers or recruit the help of our in-house design team
- SKU
- vouchers-usa
US$32.95