★
★
★
★
★
Custom Foil Stickers UK - Premium Metallic Sticker Printing
-
Complete customisation options with 12 shimmering metallic foil colours and custom shapes
-
Hassle-free ordering with no setup fees and fast delivery nationwide
-
Dedicated design team available throughout your entire customer journey for expert guidance
Create eye-catching personalised foil stickers that make your brand shine. Our foil sticker printing combines vibrant CMYK inks with premium foils like gold, silver, rose gold and holographic finishes. Perfect for luxury packaging, product labels, and promotional materials that demand attention.
Choose from circle, rectangle, or custom die-cut shapes in any size. Our printing technology keeps every foil piece perfectly placed within 1mm accuracy. This creates beautiful foil art stickers that shine brilliantly in the light.
We deliver the same high quality whether you order 50 stickers or thousands. Perfect for small projects and large business packaging needs alike.
Why Choose Our Custom Metallic Foil Stickers?
Professional metallic sticker printing doesn't have to be complicated. Our streamlined process makes ordering foil personalised stickers simple and stress-free. Submit your design via email after checkout, or let our talented team create something special for you.
We use the latest printing technology, premium adhesives, and luxury laminates to create foil stickers that stand out. Choose kiss-cut sheets for retail, or individual die-cut stickers for product packaging. We craft every single sticker with the same care and attention to detail. Our quality team hand-checks each batch before dispatch, guaranteeing you receive perfect foil sticker results every time.
You can even test our materials by ordering a sample pack to ensure complete sticker satisfaction.
Dispatched using a reliable next 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 customisation options are simply unmatched.
Constant innovation means we’re working on new products and finishes as we speak.
Bring Your Designs to Life with Premium Metallic Sticker Inspiration
Looking for ideas to make your products, packaging or promotions stand out? Explore our collection of real metallic sticker projects, printed for businesses across the UK. Every image in our gallery showcases genuine customer artwork, demonstrating how shimmering metallic finishes can transform even the simplest design into something eye-catching and memorable.
From luxury product labels and premium packaging seals to branded promotional stickers and limited-edition product launches, these examples highlight the creative possibilities of metallic sticker printing. Whether you're considering gold, silver, holographic or coloured metallic foils, browse our gallery to see how other brands have used reflective finishes to add depth, elegance and shelf appeal to their printed stickers.
Metallic Foil Colours for Every Brand
Choose from our extensive range of metallic foil colours to match your brand perfectly. Each foil shade catches the light differently, creating a striking and unique finish. From classic gold and silver to bold holographic and black chrome finishes, we have colours for every application.
Our premium foils work beautifully with printed designs, creating multi-dimensional effects that elevate your branding. From subtle elegance to bold shine, our metallic foils give your stickers a professional finish.
Gold
Premium elegance for luxury branding stickers. Gold foil pairs beautifully with black, white, or burgundy designs. Perfect for wine labels, cosmetic packaging, award certificates, product seals, and premium food packaging.
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 Print?
Our metallic foil stickers use a separate reflective foil layer, so selected details catch and return the light as the sticker moves. A metallic effect created only with CMYK ink can imitate a gold, silver or bronze colour, but it cannot reproduce the same mirror-like shine. We can combine foil with printed colour, 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-Colour Print With Metallic Foil?
Yes. We print the full-colour parts of your design in CMYK and apply the chosen metallic foil to the separate elements you want to shine. This works well when a brand colour, photograph or illustration needs to sit alongside a foiled logo, line, border or piece of lettering. Foil is most effective when it is used deliberately rather than covering every part of a busy design. Supply the foil artwork separately from the CMYK design so our team can identify exactly which areas should receive the metallic finish.
What Metallic Foil Colours Do You Offer?
Our current range includes 12 metallic foil colours, with classic options such as gold, silver and rose gold alongside bolder shades and holographic effects. Each foil reflects light differently, so the best choice depends on your printed colours, brand style and the setting in which the sticker will be seen. A colour shown on screen cannot reproduce the shine or colour shift of a real foil. We therefore recommend ordering a sample pack and viewing the shades against your intended packaging before deciding.
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 colour 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 Personalised Gold Foil Christmas Stickers?
Yes. We can create personalised gold foil Christmas stickers for envelopes, gifts and festive business packaging, or use silver, copper, red, green, holographic and other available foils to suit the artwork. 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. Order early enough to allow for design, proof approval, production and Christmas delivery.
Can You Print Gold Foil Stickers for Certificates and Award Seals?
Yes. We can print gold foil stickers for certificates, as well as silver, bronze, copper and other metallic award seals. A certificate sticker can feature a crest, logo, achievement title, year or short validation message and is applied as a separate self-adhesive embellishment. Measure the clear space on the finished certificate before choosing the sticker size, and keep names, signatures, serial numbers and security features unobstructed. Test a sample on the actual certificate stock to check adhesion and make sure the finish suits the paper.
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.
Do Metallic Foil Stickers Need Lamination?
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.
How Should I Check My Metallic Foil Sticker Proof?
Check the spelling, size, 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. Look closely at fine lettering, 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 colour and at least 300dpi for raster images at the final size. Add 2mm bleed and keep important text, logos and foreground details within the 3mm 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, our design team can help. See our foil artwork setup guide for illustrated examples.
What Is the Difference Between Metallic Foil Stickers and Metallic-Effect Print?
Can I Combine Full-Colour Print With Metallic Foil?
What Metallic Foil Colours Do You Offer?
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 Personalised Gold Foil Christmas Stickers?
Can You Print Gold Foil Stickers for Certificates and Award Seals?
How Much of My Metallic Sticker Design Should Be Foiled?
Do Metallic Foil Stickers Need Lamination?
How Durable Are Metallic Foil Stickers?
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 the light as the sticker moves. A metallic effect created only with CMYK ink can imitate a gold, silver or bronze colour, but it cannot reproduce the same mirror-like shine. We can combine foil with printed colour, 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 Advice & Creative Ideas
Planning your first set of metallic stickers or looking for new ways to enhance your packaging? Explore our practical guides covering sticker design, artwork preparation, product labelling and the different cutting styles available. These helpful articles will give you ideas for using reflective foil finishes effectively while helping you make informed choices before placing your order.
How to Create Your Own Custom Stickers
Learn how to turn your artwork, logo or illustration into professionally printed stickers. This guide covers the key design decisions that can help your metallic stickers look clear, balanced and eye-catching.
How to Make Labels for Candles
Discover how to design candle labels that communicate your fragrance, brand personality and essential product information. Explore practical ideas for creating premium labels that complement candle jars and packaging.
Logo Stickers for Packaging
See how custom logo stickers can transform plain boxes, bags, tissue paper and product packaging into a more memorable branded experience. Metallic finishes provide an effective way to add shine and premium detail.
Kiss Cut 'v' Die Cut Stickers
Understand the difference between kiss cut and individually die cut stickers before choosing your preferred format. This guide explains how each option is supplied and which may suit your artwork, packaging or promotional use.
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_1_4.jpg","img":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/e3750db8823e031f2cbaf8ab4056eb7b\/a\/p\/ap_metallic_gold_foil_sticker_printing_circle_1_4.jpg","full":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/9b93d049b5b8552c1f07c08f534e7a72\/a\/p\/ap_metallic_gold_foil_sticker_printing_circle_1_4.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_1_4.jpg","img":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/e3750db8823e031f2cbaf8ab4056eb7b\/a\/p\/ap_metallic_rose_gold_foil_sticker_printing_square_1_4.jpg","full":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/9b93d049b5b8552c1f07c08f534e7a72\/a\/p\/ap_metallic_rose_gold_foil_sticker_printing_square_1_4.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_1_4.jpg","img":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/e3750db8823e031f2cbaf8ab4056eb7b\/a\/p\/ap_metallic_silver_foil_sticker_printing_rectangle_1_4.jpg","full":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/9b93d049b5b8552c1f07c08f534e7a72\/a\/p\/ap_metallic_silver_foil_sticker_printing_rectangle_1_4.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_1_4.jpg","img":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/e3750db8823e031f2cbaf8ab4056eb7b\/a\/p\/ap_metallic_copper_foil_sticker_printing_circle_1_4.jpg","full":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/9b93d049b5b8552c1f07c08f534e7a72\/a\/p\/ap_metallic_copper_foil_sticker_printing_circle_1_4.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_1_4.jpg","img":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/e3750db8823e031f2cbaf8ab4056eb7b\/a\/p\/ap_metallic_holographic_foil_sticker_printing_square_1_4.jpg","full":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/9b93d049b5b8552c1f07c08f534e7a72\/a\/p\/ap_metallic_holographic_foil_sticker_printing_square_1_4.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_1_4.jpg","img":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/e3750db8823e031f2cbaf8ab4056eb7b\/a\/p\/ap_metallic_gold_foil_sticker_printing_circle_1_4.jpg","full":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/9b93d049b5b8552c1f07c08f534e7a72\/a\/p\/ap_metallic_gold_foil_sticker_printing_circle_1_4.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_1_4.jpg","img":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/e3750db8823e031f2cbaf8ab4056eb7b\/a\/p\/ap_metallic_rose_gold_foil_sticker_printing_square_1_4.jpg","full":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/9b93d049b5b8552c1f07c08f534e7a72\/a\/p\/ap_metallic_rose_gold_foil_sticker_printing_square_1_4.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_1_4.jpg","img":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/e3750db8823e031f2cbaf8ab4056eb7b\/a\/p\/ap_metallic_silver_foil_sticker_printing_rectangle_1_4.jpg","full":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/9b93d049b5b8552c1f07c08f534e7a72\/a\/p\/ap_metallic_silver_foil_sticker_printing_rectangle_1_4.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_1_4.jpg","img":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/e3750db8823e031f2cbaf8ab4056eb7b\/a\/p\/ap_metallic_copper_foil_sticker_printing_circle_1_4.jpg","full":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/9b93d049b5b8552c1f07c08f534e7a72\/a\/p\/ap_metallic_copper_foil_sticker_printing_circle_1_4.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_1_4.jpg","img":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/e3750db8823e031f2cbaf8ab4056eb7b\/a\/p\/ap_metallic_holographic_foil_sticker_printing_square_1_4.jpg","full":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/9b93d049b5b8552c1f07c08f534e7a72\/a\/p\/ap_metallic_holographic_foil_sticker_printing_square_1_4.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/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 || '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 Foil Stickers UK - Premium Metallic Sticker Printing
Complete customisation options with 12 shimmering metallic foil colours and custom shapes
- SKU
- paper-stickers-ap-uk
£24.95