★
★
★
★
★
Custom Metallic Stickers - Premium Foil Sticker Printing
-
Extensive customization options including shapes, sizes, and 12 stunning metallic foil colors
-
Hassle-free ordering with no setup fees and reliable US shipping
-
Expert design team provides personal guidance throughout your entire project
Custom metallic stickers add instant luxury appeal to any product or brand. Our foil stickers combine vibrant full-color printing with shimmering metallic finishes that catch light and grab attention. Choose from gold, silver, holographic, and nine other premium foil colors. Create personalized metallic stickers that perfectly match your brand aesthetic.
Whether you're enhancing product packaging, creating promotional materials, or adding flair to personal projects, our custom printed foil stickers deliver professional results. We create foil printed stickers using high quality materials and precise digital cutting. This keeps your foil custom stickers shiny and firmly stuck for years. Our streamlined ordering process makes it simple—just upload your design, and we'll handle the rest.
Why Choose Our Foil Stickers Custom Service?
Our metallic foil stickers stand out because we've perfected the balance between stunning visual impact and practical durability. Each custom metallic sticker starts with high-quality materials and premium adhesives that work on multiple surfaces. Whether you want metallic stickers custom designed for your brand or foil paper stickers for special uses, we’ve got you covered. Our foil printing uses advanced technology to make sure every metallic detail matches your design perfectly.
Small metallic stickers work great for product labels and branding, while larger formats make bold statements. Whether you need small foil stickers or stickers with foil in large quantities, our products deliver eye-catching effects that stand out.
Our design team can create artwork from your brief in one business day. We also offer rush delivery should you need your order right away. From ideation right the way through to delivery. We’re here to help you every step to make sure your personalized foil stickers turn out even better than you hoped.
Dispatched using a reliable 1-3 working day courier in as little as 4 working 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 customization options are simply unmatched.
Constant innovation means we’re working on new products and finishes as we speak.
Metallic Sticker Ideas From Businesses Across the USA
See how businesses throughout the United States are using custom metallic stickers to create memorable brands and premium product packaging. Our gallery features real customer projects printed by Aura Print, showcasing everything from elegant gold and silver stickers to vibrant holographic designs that help products stand out both online and on store shelves.
Whether you're launching a new product, promoting your business at trade shows, sealing luxury packaging or creating eye-catching retail labels, these customer examples demonstrate how metallic stickers add value, durability and visual impact. Browse our gallery for inspiration and discover how metallic finishes can make your own brand impossible to ignore.
Metallic Foil Colors for Every Brand
Transform any design with our collection of 12 premium metallic foil finishes. Each color shines differently to create cool, eye-catching effects. They’re perfect for luxury branding, product packaging, and promotions.
Our metallic custom stickers come in classic gold, silver, and a range of bold finishes. They help your brand stand out from the competition. Order our sample pack to see and feel every foil option. This helps you choose the perfect custom metallic foil stickers.
Gold
Premium elegance for luxury branding. Perfect for wine labels, cosmetic packaging, awards, product seals, and gourmet food applications.
Test Our Sticker Material on your Product First
We recommend our stickers for a wide range of products and applications; however, due to the nature of different sticker materials, adhesive types, finishes, and environmental conditions, we cannot guarantee seamless application on every surface, shape, or material. Because of this, we recommend ordering a sample pack and testing our stickers on your intended surface before placing your order.
For foiled stickers, curved or uneven surfaces (such as jars or bottles), or products exposed to moisture, refrigeration, heat, or other extreme conditions, we strongly recommend ordering 5 sample copies of your stickers to test prior to committing to a full run, giving you complete peace of mind when placing your order.
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 Is the Difference Between Metallic Foil Stickers and Metallic-Effect Printing?
Our metallic foil stickers use a separate reflective foil layer, so selected details catch and return light as the sticker moves. A metallic effect created only with CMYK ink can imitate a gold, silver or bronze color, but it cannot reproduce the same mirror-like shine. We can combine foil with printed color, allowing a logo, border, icon or small detail to stand out against the rest of the design. Our guide to uses for foil stickers gives practical examples of where the finish works well.
Can I Combine Full-Color Printing With Metallic Foil?
Yes. We print the full-color parts of your design in CMYK and apply your chosen metallic foil to the separate elements you want to shine. This works well when a brand color, photograph or illustration needs to sit alongside a foiled logo, line, border or piece of lettering. Foil is usually most effective when it is used deliberately instead of covering every part of a busy design. Supply the foil artwork separately from the CMYK design so we can identify exactly which areas should receive the metallic finish.
What Metallic Foil Colors Do You Offer?
Our current range includes 12 metallic foil colors: gold, silver, rose gold, copper or bronze, pink, violet, red, teal, blue, green, black chrome and holographic. Each foil reflects light differently, so the best choice depends on your printed colors, brand style and the setting in which the sticker will be seen. A screen cannot reproduce real foil shine or holographic color shifts accurately. We therefore recommend ordering a sample pack and viewing the foils against your intended packaging before deciding.
How Do I Choose the Right Foil Color for My Design?
Start with the role the foil needs to play. Gold, rose gold, copper and bronze tend to feel warm and premium; silver and black chrome can look clean and modern; bright colors and holographic foil create a more playful or high-impact result. Consider the surrounding CMYK colors, the product or packaging material and the lighting where customers will see the sticker. If an exact brand-color match is essential, remember that reflective foil behaves differently from flat printed ink. Compare physical samples rather than choosing from a monitor. Our guide to color matching for print explains why materials and viewing conditions matter.
Can Metallic Foil Stickers Be Die-Cut to a Custom Shape?
Yes. We can produce custom die-cut foil stickers around a logo, heart, badge, product outline or another supplied shape. This covers die-cut gold foil stickers as well as designs using silver, copper, holographic and other metallic shades. Keep the foil and important artwork comfortably inside the cut edge so normal printing, foiling and cutting movement does not make the spacing look uneven. If you prepare the cut path yourself, place a 1pt magenta cut line on a separate layer or page. Our guide explains how to supply artwork for kiss and die cutting.
Can You Print Round Metallic Stickers and Gold Foil Circle Stickers?
Yes. We can print round metallic stickers in full color with selected gold, silver, rose gold, holographic or other foil details. Gold foil circle stickers work particularly well as logo seals, packaging closures and small brand marks because the shape creates a simple frame around the design. Choose a diameter that leaves enough room for the wording and foil to remain clear at the finished size. Keep circular borders and foil rings away from the cut edge, where small production movement would be most noticeable.
Can I Order Personalized Christmas Foil Stickers?
Yes. We can create personalized Christmas foil stickers for envelopes, gifts and festive business packaging. Gold foil is a classic choice, while silver, copper, red, green, holographic and other available foils can suit different artwork and brand palettes. Your design can include a logo, family name, short greeting or seasonal illustration, with the metallic layer reserved for the details you want to catch the light. If several names or designs are required, supply each version clearly and confirm the quantity needed for every artwork. Allow time for design, proof approval, production and holiday delivery.
Can You Print Metallic Foil Award Stickers and Certificate Seals?
Yes. We can print metallic foil award stickers and adhesive certificate seals in gold, silver, copper, bronze and other available foil colors. A design can feature a crest, logo, achievement title, year or short validation message, and it can be circular or custom-shaped. Measure the clear space on the finished certificate before choosing a size, and make sure the seal will not obscure names, signatures, serial numbers or security features. Test a sample on the actual certificate stock to confirm adhesion and check that the foil and sticker material suit the paper.
Can You Print Metallic Foil Address Labels?
Yes. We can print metallic foil address labels for business correspondence, invitations and seasonal mail. The sender or return address can be printed in CMYK while a logo, border, monogram or small accent is picked out in gold, silver or another foil color. Foiling the entire recipient address is possible in some layouts, but variable addresses need to be discussed before ordering because each changing version affects artwork and production. If you plan to handwrite the recipient details, leave a clear unfoiled area and test the intended pen on a sample.
Can You Print Personalized Metallic Foil Name Stickers?
Yes. We can create personalized metallic foil name stickers for events, conferences, parties, schools and branded presentation packs. A shared design can include a changing name, title or short message, with foil used for a fixed logo, border or decorative detail. Send the personalized information in a clear, checked list and tell us how many of each version you need. Very long names may need a smaller type size or an adjusted layout, so review every name carefully on the proof before approving production.
Can I Order Multiple Names, Addresses or Designs in One Foil Sticker Project?
Often, yes, but each version must be identified clearly and the number of designs selected in the order must match the artwork supplied. Provide a simple file list or spreadsheet showing each name, address or design and its required quantity. Use consistent spelling, capitalization and formatting, and flag any version that uses a different size, shape or foil treatment. We will confirm whether the variations can share one production specification or need separate items. This is especially important for personalized foil name stickers, foil address labels and seasonal sticker sets.
How Much of My Metallic Sticker Design Should Be Foiled?
Foil normally has the greatest impact when it highlights a focal point such as a logo, word, border, star, crest or small illustration detail. Leaving some areas as print creates contrast and makes the reflective finish easier to notice. Avoid very fine foil lines, tiny gaps and designs that depend on foil aligning perfectly with a printed outline, because normal digital production includes small movement between processes. Allow visual breathing room around foiled elements and judge the design at its actual sticker size. Our guide to digital print movement tolerances explains the principle.
How Small Can Foiled Text and Details Be?
Foiled text and artwork should be bold enough to reproduce cleanly at the final sticker size. Hairline rules, tiny lettering, narrow gaps and intricate reversed-out details can fill in, break up or lose clarity, particularly when foil must align closely with printed artwork. We recommend viewing the file at actual size, simplifying delicate elements and leaving space between neighboring foil shapes. Our team will review the supplied artwork, but the designer remains responsible for readability and content. If a fine detail is essential, ask us to assess it before placing a large order.
Do Metallic Foil Stickers Include Lamination?
Yes. Our metallic foil sticker process includes soft-touch lamination before the foil is applied. The laminate gives the printed areas a smooth finish and adds a useful layer of surface protection, while the metallic details remain reflective above it. Lamination improves handling resistance but does not make every sticker waterproof, weatherproof or suitable for heavy abrasion. The surface, adhesive contact and environment still matter, so test the finished specification when performance is critical. Our guide to lamination explains what the protective layer does.
How Durable Are Metallic Foil Stickers?
Metallic foil stickers are well suited to premium packaging, product seals, certificates and other applications where the finish will receive normal handling. Soft-touch lamination helps protect the printed face, but exposed foil can still mark under repeated rubbing or harsh cleaning, and the adhesive result depends on the surface. We do not recommend assuming that a foil sticker is automatically waterproof, outdoor-rated or suitable for an extreme environment. Apply a sample to the exact clean, dry surface and test it through the expected handling, storage and temperature conditions before ordering a larger quantity.
Should I Test Metallic Foil Stickers on My Product or Packaging?
Yes, especially if the sticker will be applied to a curved or uneven item, exposed to moisture, refrigeration or heat, or used on a difficult or unfamiliar surface. Materials, coatings, contamination and application conditions all affect adhesion, so we cannot guarantee that one adhesive will suit every object. We strongly recommend testing five physical samples on the exact surface and leaving them through the expected storage and handling cycle. A successful test is more reliable than judging adhesion from the material name alone.
Can Your Design Team Create My Metallic Foil Sticker Artwork?
Yes. If you do not have print-ready artwork, our design team can develop the sticker from your logo, wording, brand colors, references and intended use. Tell us the finished size and shape, which elements should be foiled, the foil color you prefer and any versions you need. Supply the best-quality logo and images available and describe the style you want. A clear brief reduces revisions and helps us design with the production process in mind. Our guide to writing a design brief explains what to include.
How Should I Check My Metallic Foil Sticker Proof?
Check the spelling, dimensions, cut shape, CMYK artwork and foil placement separately. Make sure every intended metallic element appears on the foil page or overlay and that nothing has been included by mistake. Review fine lettering, personalized data, borders and areas where foil sits near printed artwork or the cut edge. A screen proof shows position and content, but it cannot reproduce the way real foil reflects light, so use a physical sample when the shade or finish is critical. Our step-by-step guide explains how to check a foil printing proof.
How Do I Prepare Artwork for Metallic Foil Sticker Printing?
Supply the main artwork as a PDF, JPG or fully packaged Adobe Illustrator file, using CMYK color and at least 300 DPI for raster images at the final size. Add 0.08 inches of bleed and keep important text, logos and foreground details within the 0.1-inch safe zone. Put every foiled element on a separate page or layer as a solid 100% K black shape; do not use gradients, tints or photographic shading in the foil mask. For a custom die-cut sticker, also supply the cut line separately as a 1pt magenta path. If you cannot create the foil layer, we can help. See our foil artwork setup guide for illustrated examples.
What Is the Difference Between Metallic Foil Stickers and Metallic-Effect Printing?
Can I Combine Full-Color Printing With Metallic Foil?
What Metallic Foil Colors Do You Offer?
How Do I Choose the Right Foil Color for My Design?
Can Metallic Foil Stickers Be Die-Cut to a Custom Shape?
Can You Print Round Metallic Stickers and Gold Foil Circle Stickers?
Can I Order Personalized Christmas Foil Stickers?
Can You Print Metallic Foil Award Stickers and Certificate Seals?
Can You Print Metallic Foil Address Labels?
Can You Print Personalized Metallic Foil Name Stickers?
Can I Order Multiple Names, Addresses or Designs in One Foil Sticker Project?
How Much of My Metallic Sticker Design Should Be Foiled?
How Small Can Foiled Text and Details Be?
Do Metallic Foil Stickers Include Lamination?
How Durable Are Metallic Foil Stickers?
Should I Test Metallic Foil Stickers on My Product or Packaging?
Can Your Design Team Create My Metallic Foil Sticker Artwork?
How Should I Check My Metallic Foil Sticker Proof?
How Do I Prepare Artwork for Metallic Foil Sticker Printing?
Our metallic foil stickers use a separate reflective foil layer, so selected details catch and return light as the sticker moves. A metallic effect created only with CMYK ink can imitate a gold, silver or bronze color, but it cannot reproduce the same mirror-like shine. We can combine foil with printed color, allowing a logo, border, icon or small detail to stand out against the rest of the design. Our guide to uses for foil stickers gives practical examples of where the finish works well.
Metallic Sticker Guides, Design Tips & Creative Ideas
Planning your first order of metallic stickers or looking for fresh ideas to enhance your product packaging? Explore our practical guides covering sticker design, artwork preparation, product labeling, and different cut options. These helpful articles will show you how metallic finishes can make your products stand out while helping you choose the best materials and printing options for your next project.
How to Create Your Own Custom Stickers
Turn your logo, artwork, or illustrations into professionally printed custom stickers. This guide explains the key design principles that will help your metallic stickers look clean, professional, and visually striking.
How to Make Labels for Candles
Learn how to design candle labels that showcase your fragrance, communicate your brand identity, and include important product information. Discover practical ideas for creating premium labels that complement candles and retail packaging.
Logo Stickers for Packaging
Discover how custom logo stickers can transform shipping boxes, product packaging, shopping bags, and tissue paper into a premium branded experience. Metallic finishes are an excellent way to add shine, sophistication, and lasting visual impact.
Kiss Cut 'v' Die Cut Stickers
Compare kiss cut and individually die cut stickers to find the right option for your project. This guide explains how each style is produced and which format is best suited to your artwork, packaging, or promotional needs.
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_metallic_gold_foil_sticker_printing_circle_2_2.jpg","img":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/e3750db8823e031f2cbaf8ab4056eb7b\/a\/p\/ap_metallic_gold_foil_sticker_printing_circle_2_2.jpg","full":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/9b93d049b5b8552c1f07c08f534e7a72\/a\/p\/ap_metallic_gold_foil_sticker_printing_circle_2_2.jpg","caption":"Metallic Gold Foil Sticker Printing Circle","position":"5","isMain":false,"type":"image","videoUrl":null},{"thumb":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/b72f33ae4279c7e2e1b7951ae5b98318\/a\/p\/ap_metallic_rose_gold_foil_sticker_printing_square_2_2.jpg","img":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/e3750db8823e031f2cbaf8ab4056eb7b\/a\/p\/ap_metallic_rose_gold_foil_sticker_printing_square_2_2.jpg","full":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/9b93d049b5b8552c1f07c08f534e7a72\/a\/p\/ap_metallic_rose_gold_foil_sticker_printing_square_2_2.jpg","caption":"Metallic Rose Gold Foil Sticker Printing Square","position":"6","isMain":false,"type":"image","videoUrl":null},{"thumb":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/b72f33ae4279c7e2e1b7951ae5b98318\/a\/p\/ap_metallic_silver_foil_sticker_printing_rectangle_2_2.jpg","img":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/e3750db8823e031f2cbaf8ab4056eb7b\/a\/p\/ap_metallic_silver_foil_sticker_printing_rectangle_2_2.jpg","full":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/9b93d049b5b8552c1f07c08f534e7a72\/a\/p\/ap_metallic_silver_foil_sticker_printing_rectangle_2_2.jpg","caption":"Metallic Silver Foil Sticker Printing Rectangle","position":"7","isMain":false,"type":"image","videoUrl":null},{"thumb":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/b72f33ae4279c7e2e1b7951ae5b98318\/a\/p\/ap_metallic_copper_foil_sticker_printing_circle_2_2.jpg","img":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/e3750db8823e031f2cbaf8ab4056eb7b\/a\/p\/ap_metallic_copper_foil_sticker_printing_circle_2_2.jpg","full":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/9b93d049b5b8552c1f07c08f534e7a72\/a\/p\/ap_metallic_copper_foil_sticker_printing_circle_2_2.jpg","caption":"Metallic Copper Foil Sticker Printing Circle","position":"8","isMain":false,"type":"image","videoUrl":null},{"thumb":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/b72f33ae4279c7e2e1b7951ae5b98318\/a\/p\/ap_metallic_holographic_foil_sticker_printing_square_2_2.jpg","img":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/e3750db8823e031f2cbaf8ab4056eb7b\/a\/p\/ap_metallic_holographic_foil_sticker_printing_square_2_2.jpg","full":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/9b93d049b5b8552c1f07c08f534e7a72\/a\/p\/ap_metallic_holographic_foil_sticker_printing_square_2_2.jpg","caption":"Metallic Holographic Foil Sticker Printing Square","position":"9","isMain":false,"type":"image","videoUrl":null}],
images: [{"thumb":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/b72f33ae4279c7e2e1b7951ae5b98318\/a\/p\/ap_metallic_gold_foil_sticker_printing_circle_2_2.jpg","img":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/e3750db8823e031f2cbaf8ab4056eb7b\/a\/p\/ap_metallic_gold_foil_sticker_printing_circle_2_2.jpg","full":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/9b93d049b5b8552c1f07c08f534e7a72\/a\/p\/ap_metallic_gold_foil_sticker_printing_circle_2_2.jpg","caption":"Metallic Gold Foil Sticker Printing Circle","position":"5","isMain":false,"type":"image","videoUrl":null},{"thumb":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/b72f33ae4279c7e2e1b7951ae5b98318\/a\/p\/ap_metallic_rose_gold_foil_sticker_printing_square_2_2.jpg","img":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/e3750db8823e031f2cbaf8ab4056eb7b\/a\/p\/ap_metallic_rose_gold_foil_sticker_printing_square_2_2.jpg","full":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/9b93d049b5b8552c1f07c08f534e7a72\/a\/p\/ap_metallic_rose_gold_foil_sticker_printing_square_2_2.jpg","caption":"Metallic Rose Gold Foil Sticker Printing Square","position":"6","isMain":false,"type":"image","videoUrl":null},{"thumb":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/b72f33ae4279c7e2e1b7951ae5b98318\/a\/p\/ap_metallic_silver_foil_sticker_printing_rectangle_2_2.jpg","img":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/e3750db8823e031f2cbaf8ab4056eb7b\/a\/p\/ap_metallic_silver_foil_sticker_printing_rectangle_2_2.jpg","full":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/9b93d049b5b8552c1f07c08f534e7a72\/a\/p\/ap_metallic_silver_foil_sticker_printing_rectangle_2_2.jpg","caption":"Metallic Silver Foil Sticker Printing Rectangle","position":"7","isMain":false,"type":"image","videoUrl":null},{"thumb":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/b72f33ae4279c7e2e1b7951ae5b98318\/a\/p\/ap_metallic_copper_foil_sticker_printing_circle_2_2.jpg","img":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/e3750db8823e031f2cbaf8ab4056eb7b\/a\/p\/ap_metallic_copper_foil_sticker_printing_circle_2_2.jpg","full":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/9b93d049b5b8552c1f07c08f534e7a72\/a\/p\/ap_metallic_copper_foil_sticker_printing_circle_2_2.jpg","caption":"Metallic Copper Foil Sticker Printing Circle","position":"8","isMain":false,"type":"image","videoUrl":null},{"thumb":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/b72f33ae4279c7e2e1b7951ae5b98318\/a\/p\/ap_metallic_holographic_foil_sticker_printing_square_2_2.jpg","img":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/e3750db8823e031f2cbaf8ab4056eb7b\/a\/p\/ap_metallic_holographic_foil_sticker_printing_square_2_2.jpg","full":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/9b93d049b5b8552c1f07c08f534e7a72\/a\/p\/ap_metallic_holographic_foil_sticker_printing_square_2_2.jpg","caption":"Metallic Holographic Foil Sticker Printing Square","position":"9","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/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 || 'Metallic\u0020Foil\u0020Stickers';
},
showCaption() {
return (this.image.type === 'image')
&& this.image.caption
&& (this.image.caption !== 'Metallic\u0020Foil\u0020Stickers');
},
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 Metallic Stickers - Premium Foil Sticker Printing
Extensive customization options including shapes, sizes, and 12 stunning metallic foil colors
- SKU
- paper-stickers-ap-usa
US$32.95