Header Card Printing

  • Make your products stand out with our custom header cards.
  • Choose to use our header card template or create a completely custom shape.
  • If you need help, our in-house studio can create your header card design.

Custom header cards are a great packaging option for catching customers’ eyes in retail environments. No matter if you’re adding a header card to sweets, handmade soaps or accessories, a well-designed and high-quality header card is crucial for helping your products sell. As part of our wider range of product tag printing, header cards offer a versatile solution for retail packaging and display.

At Aura Print, we produce the highest quality header cards for packaging your products, with total design freedom and customisation of every element. If you’re unsure where to start, our printed tags guide covers everything from materials and finishes to artwork setup, helping you get the best results from your print.

4.8 825 reviews

Choose Drilled Or Euroslot Header Cards

Our custom header cards can be printed and re-sized to any dimensions you require. All we require are your flat height and width, that is to say, before you'd folder them over.

We also allow you a choice between euro slot header cards or drilled cards. The difference here depends on the shelving you'll be displaying your products on. A single drilled hole will suffice for a single wire rack, but euroslot header cards are specifically designed to fit on supermarket shelves that also display prices. If you're having rectangular or square header cards the cheapest option is to have a drilled hole, however, if you're going with a die-cut design anyway, then euroslot header cards will be included in that price.

Lastly, our customisation options don't stop there, you can also finish off your cardboard header cards with luxurious lamination options like gloss, matt, or soft-touch to add that extra attention to detail. This also adds strength which can be especially useful if your bagged item is heavy.

We Design Header Cards for Retail Packaging

If you don't have print-ready artwork then our superhero design team is here to help. With a simple choice made when customising your options, you can select our design service. When selected and ordered online, you can then supply up a brief and your logos, we'll then come back to you with the first draft of your design in 1 workday. All changes are free of charge and we'll keep going until you're 100% happy and ready to print.

If you're a talented designer, then we've also got a header card template that shows some pre-set sizes and safe zones to not include wording on.

If you have any questions, we would be more than happy to answer them. Our friendly and knowledgeable sales staff are always ready to help, and our talented team of designers are eager to help bring your custom printed header cards to life.

A circular maroon icon featuring a white outline of a calendar with dots, representing dates, scheduling, or time management functionality. A circular maroon icon featuring a white outline of a calendar with dots, representing dates, scheduling, or time management functionality.

Dispatched using a reliable next working day courier in as little as 2 working days from proof approval. 

A circular maroon icon featuring white checkmarks and horizontal lines, representing a checklist, tasks completed, or to-do list functionality. A circular maroon icon featuring white checkmarks and horizontal lines, representing a checklist, tasks completed, or to-do list functionality.

 All print products are finished, quality checked, and packed in-house by our professionals. 

A circular maroon icon featuring a white outline of a customer service headset with microphone, representing support or communication service. A circular maroon icon featuring a white outline of a customer service headset with microphone, representing support or communication service.

Friendly, knowledgeable customer service team available to answer any questions.

A circular maroon icon featuring a simple white outline illustration of a laptop computer with an open screen and keyboard. A circular maroon icon featuring a simple white outline illustration of a laptop computer with an open screen and keyboard.

Talented in-house design team on-hand to create bespoke designs for virtually any product.

A circular maroon icon featuring a white outline of a gear or cog wheel, representing configuration. A circular maroon icon featuring a white outline of a gear or cog wheel, representing configuration.

From paper stocks to foil shades, our customisation options are simply unmatched.

A circular maroon icon featuring a white outline of a lightbulb with radiating lines, representing brightness or light. A circular maroon icon featuring a white outline of a lightbulb with radiating lines, representing brightness or light.

Constant innovation means we’re working on new products and finishes as we speak.

Packaging Ideas That Start at the Shelf Edge

Great packaging is often the small detail that makes a product feel more professional, giftable, and retail-ready. From hanging retail packs and handmade products to subscription boxes and promotional merchandise, these customer examples show how printed header cards and bag toppers help brands turn simple packaging into something far more eye-catching and memorable.

Browse our recent print gallery to explore creative packaging ideas, branded product presentation, custom finishing options, and professionally printed header card projects produced for businesses across retail, ecommerce, food packaging, events, and independent brands.

Black bookmark with shimmering blue holographic foil illustration of a sword piercing a heart, accented by decorative foliage and a black tassel, placed on an open fantasy map.
Alt text: Dark bookmark with holographic foil artwork featuring moon phases, stars, and celestial symbols, resting inside an open fantasy-style book with a black tassel attached.
Astrology themed single sided bookmarks with metallic copper foil on colorplan paper with soft touch applied to front and red tassle hanging from drill hole
Die-cut circle hang tag with gold metallic foil on uncoated paper with a double sided design and soft touch to front hanging from red string
Metallic gold wolf design on silk paper with a double sided design with soft touch applied to the front
Single sided postcard size art print on silk paper with holographic metallic foil tears running along the left side
High tack paper rectangular sticker in full colour with Christmas decorations in the background for festivity
Double sided metallic foil bookmark on 700gsm silk with metallic gold stars and drill hole with soft touch on front and back
Single sided save the date A5 flyer printed in full colour and on 300gsm conqueror contour oyster
Metallic foil double sided business card with holographic foil on black uncoated paper with soft touch to front and back

Metallic Foil Header Cards are Literally the Tops!

Metallic foil adds a premium, eye-catching finish that standard inks simply cannot replicate. Ideal for highlighting logos, promotional messaging or key product details, foil header card printing helps your packaging stand out both on the shelf and in hand.

Whether you’re promoting a new product launch or elevating your retail display, metallic foils create sharp contrast and a reflective finish that enhances perceived value and strengthens your branding. You can explore our full range of foil colours to find the perfect match for your design.

Gold metallic foil colour for header cards

Gold Foil Finish

Gold foil header cards create an immediate impression of quality, highlighting every detail with luxury and refinement.

The Order Process

Globe icon symbolizing online ordering through an instant price calculator that updates totals in real time.Globe icon symbolizing online ordering through an instant price calculator that updates totals in real time.

Place your order online using our instant price calculator, which updates your total in real time.

Blue arrow pointing to the next step in the order process.Blue arrow pointing to the next step in the order process.
White envelope icon on a dark red circle, indicating: reply to your Order Confirmation email with your artwork or design brief.White envelope icon on a dark red circle, indicating: reply to your Order Confirmation email with your artwork or design brief.

Reply to your Order Confirmation email by sending us your artwork or design brief.

Blue arrow pointing to the next step in the order process.Blue arrow pointing to the next step in the order process.
White check mark icon on a dark red circle, representing our design team reviewing your artwork, resolving any issues, and sending a proof for approval.White check mark icon on a dark red circle, representing our design team reviewing your artwork, resolving any issues, and sending a proof for approval.

Our design team reviews your artwork, discusses any issues with you, and sends a proof for your approval.

Blue arrow pointing to the next step in the order process.Blue arrow pointing to the next step in the order process.
White open box icon on a dark red circle, representing your prints being produced and shipped directly to you after approval within a few days.White open box icon on a dark red circle, representing your prints being produced and shipped directly to you after approval within a few days.

After approval, your prints are produced and shipped straight to you within just a few days.

Artwork Requirements

How to Supply Your Artwork?

  • After placing your order, reply to your Order Confirmation email with your artwork files, design brief, or a link including your order number. For detailed specs, see the resources below. Need help writing a brief or preparing files? Contact our friendly design team or visit our blog.

The Basics

Metallic Foil & Spot UV Products

Die Cut Or Kiss Cut (Shaped) Products Including Stickers

Folded, Perforated or Drilled Products

  • Indicate any crease lines, perforation lines or drill holes using a 1pt magenta line on a separate layer or separate page.

Spot Colours

Templates

PDF Icon, download a header tag template

Download our PDF template for all available sizes.

Download Template

Sample Pack

Promotional graphic displaying various printed sample designs, including colourful cards labeled Metallic Foiling, Clear Vinyl, and High Tack. Large headline text reads Order your printed SAMPLE PACK. The image showcases examples of print finishes and materials. Buy Sample Pack
Design teams hand sketching character illustration with digital pen on paper at creative design workspace deskDesign teams hand sketching character illustration with digital pen on paper at creative design workspace desk

Let our Design Team Work their Magic

We understand not everyone is a professional designer. You may not know your RGB from your CMYK or your bleed from your trap. That's why we have our in-house team on hand to craft the design of your dreams. All designs are individually created by our talented bunch. Yes, that's right, real people!

We aim to produce and dispatch all orders as quickly and efficiently as possible. As every product is custom printed to order, turnaround times can vary depending on artwork approval, quantity, finishing options, and the complexity of the project.

Once your proof has been approved, the minimum production turnaround is 2 working days before dispatch. More specialist products and finishes including duplexed, triplexed, die cut, and foiled items will usually require additional production time due to the extra processes involved. Customers can view a more accurate turnaround estimate at any time by configuring their product within the online calculator.

If you’re working towards a tight deadline, we also offer a Rush Service at checkout which reduces the production turnaround by 1 working day on eligible products.

Orders are carefully printed, finished, quality checked, and prepared for dispatch before being shipped using tracked courier services. Mainland UK delivery is charged at £7.95 + VAT. Customers outside mainland UK can view additional shipping options and delivery pricing on our Delivery & Returns page or by configuring their order online.

You can find full information on delivery times, shipping options, courier services, and return policies on our Delivery & Returns page.

What Are Header Cards Used For?

Header cards are used to package and display products in retail environments, typically attached to bags or items and hung on display hooks. They are ideal for branding, pricing and product information, helping products stand out and attract attention at the point of sale.

Do You Offer Custom Header Card Printing?

Yes, all of our header cards are fully customisable. You can choose your size, shape, hole type, paper stock and finish to create packaging that perfectly suits your product and brand.

Can I Print Header Cards With Metallic Foil?

Yes, we offer metallic foil header card printing in a wide range of colours, including gold, silver and holographic finishes. Foil is ideal for highlighting logos and key details, creating a premium look that stands out in retail environments.

What Foil Colours Are Available For Header Cards?

We offer a wide selection of metallic foil colours, including classic gold and silver, as well as rose gold, copper, blue, green and holographic options. You can explore our full range of foil colours to find the best match for your design.

What Is The Difference Between Euro Slot And Drilled Header Cards?

Euro slot header cards are designed for standard retail hooks and shelving systems, making them ideal for high-street and supermarket displays. Drilled header cards use a simple punched hole and are better suited for alternative display setups.

Can I Order Header Cards In Custom Sizes?

Yes, we offer fully custom header card sizes to suit your product and packaging requirements. You can specify your exact width and height to ensure a perfect fit for your product, whether you’re packaging small items or larger retail goods.

What Paper Types Do You Offer For Header Cards?

We offer many premium paper stocks, including silk, gloss, uncoated, recycled and specialist textured papers. Each option provides a different look and feel, allowing you to tailor your header cards to your product and brand.

What Paper Weight Should I Choose For Header Cards?

Heavier paper stocks provide greater durability and a more premium feel, making them ideal for retail packaging. Lighter stocks are suitable for smaller or lightweight products. If you’re unsure, our team can recommend the best option for your needs.

Are Header Cards Strong Enough For Heavy Products?

Header cards can be suitable for heavier products when the right materials and layout are chosen. We recommend using thicker paper stocks and adding lamination to improve durability. Careful placement of the hole or euro slot is also important to ensure the weight is supported effectively.

Can You Print On Both Sides Of A Header Card?

Header cards are typically printed on one side, which is the visible front used for branding and product information. If you require additional print space, we recommend considering folded tags or alternative product tag formats that allow for more content.

If you specifically need double-sided header cards, please get in touch with our team and we’ll be happy to discuss your requirements and provide a custom quote.

Do You Offer Lamination For Header Cards?

Yes, we offer a range of lamination options including matt, gloss and soft-touch finishes. Lamination enhances durability and adds a premium feel while protecting your design.

Can You Help With Header Card Design?

Yes, our in-house design team can create professional header card artwork tailored to your brand. Whether you have a concept or need full design support, we’re here to help bring your packaging to life.

How Do I Set Up My Artwork For Header Card Printing?

You can email print-ready artwork after placing your order, or use one of our templates to ensure correct sizing and bleed. If you need help, our team can guide you or create the design for you.

How Long Does Header Card Printing Take?

Turnaround times vary depending on your specifications, but we offer fast production and delivery options. You can see estimated production times when placing your order online.

What Finishes Can I Add To Header Cards?

In addition to metallic foil, we offer finishes such as lamination, raised spot UV and specialist paper stocks. These options help enhance your design and create a premium, high-impact result.

Are Header Cards Suitable For Retail Packaging?

Yes, header cards are one of the most popular packaging solutions for retail products. They are widely used for items such as accessories, confectionery, cosmetics and hardware products.

Can I Order Small Quantities Of Header Cards?

Yes, we offer flexible print runs, allowing you to order small or large quantities depending on your needs. This is ideal for product launches, testing designs or scaling production.

4.8
Google Reviews
825 reviews
Review us on Google

Packaging Advice for Better Retail Presentation

Strong packaging design is about more than just protecting a product. The right combination of card stock, print finish, artwork setup, and structural design can completely change how header cards and bag toppers perform in retail spaces, ecommerce orders, craft markets, and promotional packaging. These expert guides explore practical ways to improve packaging presentation while helping your products look more polished and professional once displayed.

Whether you are sealing food packaging, creating hanging retail packs, preparing subscription products, or producing branded merchandise, these resources cover some of the most important print and packaging considerations to help you achieve cleaner print results and stronger visual impact.

Close-up stack of printed paper sheets showing different coated and uncoated finishes used for retail packaging and professionally printed header cards.Close-up stack of printed paper sheets showing different coated and uncoated finishes used for retail packaging and professionally printed header cards.

Gloss, Silk or Uncoated Paper

Different paper finishes can dramatically affect how header cards and bag toppers appear once printed. This guide explains how coated and uncoated stocks influence color sharpness, texture, durability, and overall presentation to help you choose the right finish for your packaging project.

Printed artwork proof sheets displayed beside digital design files illustrating professional print preparation and packaging artwork setup.Printed artwork proof sheets displayed beside digital design files illustrating professional print preparation and packaging artwork setup.

How To Check Your Artwork for Print

Header cards and bag toppers often contain small text, promotional messaging, pricing details, and retail branding that need accurate setup before production. This practical guide explains how to review artwork files properly to help avoid print issues and achieve cleaner, more professional results.a

Premium printed business cards stacked together to demonstrate paper thickness, rigidity, and high-quality cardstock used in commercial print.Premium printed business cards stacked together to demonstrate paper thickness, rigidity, and high-quality cardstock used in commercial print.

What is GSM in Paper

Paper thickness plays a major role in how retail packaging feels in hand and performs once attached to products. This guide explains how different GSM weights affect rigidity, durability, hanging strength, and overall packaging presentation across professionally printed card products.

Large rolls of gloss laminated material used to demonstrate protective print finishing and packaging lamination processes.Large rolls of gloss laminated material used to demonstrate protective print finishing and packaging lamination processes.

Lamination the Facts

Lamination can help header cards and bag toppers resist scuffing, improve durability, and create a more premium retail appearance. This article explores the differences between gloss, matt, and soft-touch lamination while explaining how each finish affects packaging design and print quality.

Make Your Packaging Retail Ready From The First Glance

Header cards do more than simply hold products together. They help transform simple packaging into a polished retail display that feels professional, branded, and ready for shelves, markets, and ecommerce orders.

Many businesses combine header cards with additional printed products to create a more complete customer experience across packaging, promotions, gifting, and fulfilment. From handmade products and accessories to cosmetics, confectionery, and subscription boxes, coordinated print helps products stand out while strengthening brand recognition at every stage of the customer journey.

Hexagon-shaped die cut sticker with bright pink and purple gradient design, rocket illustration, and bold retro-style typographyHexagon-shaped die cut sticker with bright pink and purple gradient design, rocket illustration, and bold retro-style typography

Custom Stickers

Custom stickers are perfect for sealing packaging, adding branding, displaying pricing, or creating promotional labels. They help header card packaging feel more polished, professional, and retail ready.

Colourful retail packaging box with geometric block pattern illustrations and bold black and white branding designColourful retail packaging box with geometric block pattern illustrations and bold black and white branding design

Printed Packaging

Printed packaging helps create a stronger branded experience for retail displays, ecommerce orders, and gift-ready products. Coordinated packaging adds extra presentation value while helping products stand out.

Wildlife-themed badge backing card featuring illustrated countryside scenery and a black and white badger badge with pastel green and blue coloursWildlife-themed badge backing card featuring illustrated countryside scenery and a black and white badger badge with pastel green and blue colours

Printed Backing Cards

Backing cards provide additional support, branding space, and product information for hanging retail items. They work especially well for accessories, crafts, cosmetics, and bundled product sets.

Folded promotional flyer with colorful printed panels designed for retail marketing and product packaging insertsFolded promotional flyer with colorful printed panels designed for retail marketing and product packaging inserts

Folded Flyer Printing

Folded flyers are ideal for instructions, promotions, product details, QR codes, and brand storytelling. They help businesses add extra value and information inside retail or ecommerce packaging.

Minimal pink printed product tag with hanging string designed for retail branding and premium packaging presentationMinimal pink printed product tag with hanging string designed for retail branding and premium packaging presentation

Printed Product Tags

Product tags are commonly used for pricing, care instructions, ingredients, and additional branding. Matching tag designs help create a more cohesive and professional packaging presentation.

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\/h\/e\/header-card-printing-folded-476x612px.jpg","img":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/e3750db8823e031f2cbaf8ab4056eb7b\/h\/e\/header-card-printing-folded-476x612px.jpg","full":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/9b93d049b5b8552c1f07c08f534e7a72\/h\/e\/header-card-printing-folded-476x612px.jpg","caption":"Header card printing - Folded black and yellow header card with lightning bolt logo reading Energized Tool Kits - Beginners Essentials packaging design.","position":"3","isMain":true,"type":"image","videoUrl":null},{"thumb":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/b72f33ae4279c7e2e1b7951ae5b98318\/h\/e\/header-card-printing-attached-to-bag.jpg","img":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/e3750db8823e031f2cbaf8ab4056eb7b\/h\/e\/header-card-printing-attached-to-bag.jpg","full":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/9b93d049b5b8552c1f07c08f534e7a72\/h\/e\/header-card-printing-attached-to-bag.jpg","caption":"Header card printing attached to bag - Black and yellow retail packaging with header card labeled Energized Tool Kits - Beginners Essentials attached to a clear plastic bag.","position":"4","isMain":false,"type":"image","videoUrl":null},{"thumb":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/b72f33ae4279c7e2e1b7951ae5b98318\/h\/e\/header-card-printing-flat.jpg","img":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/e3750db8823e031f2cbaf8ab4056eb7b\/h\/e\/header-card-printing-flat.jpg","full":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/9b93d049b5b8552c1f07c08f534e7a72\/h\/e\/header-card-printing-flat.jpg","caption":"Header card printing flat - Flat black and yellow header card design for Energized Tool Kits with bold lightning logo and Beginners Essentials packaging layout.","position":"5","isMain":false,"type":"image","videoUrl":null}], images: [{"thumb":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/b72f33ae4279c7e2e1b7951ae5b98318\/h\/e\/header-card-printing-folded-476x612px.jpg","img":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/e3750db8823e031f2cbaf8ab4056eb7b\/h\/e\/header-card-printing-folded-476x612px.jpg","full":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/9b93d049b5b8552c1f07c08f534e7a72\/h\/e\/header-card-printing-folded-476x612px.jpg","caption":"Header card printing - Folded black and yellow header card with lightning bolt logo reading Energized Tool Kits - Beginners Essentials packaging design.","position":"3","isMain":true,"type":"image","videoUrl":null},{"thumb":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/b72f33ae4279c7e2e1b7951ae5b98318\/h\/e\/header-card-printing-attached-to-bag.jpg","img":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/e3750db8823e031f2cbaf8ab4056eb7b\/h\/e\/header-card-printing-attached-to-bag.jpg","full":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/9b93d049b5b8552c1f07c08f534e7a72\/h\/e\/header-card-printing-attached-to-bag.jpg","caption":"Header card printing attached to bag - Black and yellow retail packaging with header card labeled Energized Tool Kits - Beginners Essentials attached to a clear plastic bag.","position":"4","isMain":false,"type":"image","videoUrl":null},{"thumb":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/b72f33ae4279c7e2e1b7951ae5b98318\/h\/e\/header-card-printing-flat.jpg","img":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/e3750db8823e031f2cbaf8ab4056eb7b\/h\/e\/header-card-printing-flat.jpg","full":"https:\/\/aura-print.com\/media\/catalog\/product\/cache\/9b93d049b5b8552c1f07c08f534e7a72\/h\/e\/header-card-printing-flat.jpg","caption":"Header card printing flat - Flat black and yellow header card design for Energized Tool Kits with bold lightning logo and Beginners Essentials packaging layout.","position":"5","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 || 'Header\u0020Card\u0020Printing'; }, showCaption() { return (this.image.type === 'image') && this.image.caption && (this.image.caption !== 'Header\u0020Card\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}) Header Card Printing Make your products stand out with our custom header cards. Choose to use our header card template or create a completely custom shape. If you need help, our in-house studio can create your header card design.
SKU
tags-header-ap-uk
£24.95

Configure your print