Plakate gestalten im Online-Designer (2024)

Plakate gestalten im Online-Designer (1)

Plakate gestalten im Online-Designer (2) 030 44 32 40 50 Persönliche Beratung

Karriere Blog Info-Center Kontakt

Druckprodukte Individualdruck Online-Designer Unternehmen

Plakate gestalten im Online-Designer (4)

Plakate gestalten im Online-Designer (5) 0


  • Plakate gestalten im Online-Designer (6) 030 44 32 40 50 Persönliche Beratung

    Plakate gestalten im Online-Designer (7)

    Plakate gestalten im Online-Designer (8)

  • Druckprodukte

    Druckprodukte

    • Alle Produkte

      Alle Produkte

      Top Produkte

      Neue Produkte

      Filter löschen

      • Acrylglasplatten Freiform
      • Acrylglasplatten
      • Allwetterplakate
      • Aluminiumverbundplatten Freiform
      • Aluminiumverbundplatten
      • Aufkleber
      • Autogrammkarten
      • Bierdeckel
      • Briefpapier
      • Briefumschläge
      • Broschüren
      • Buttons
      • Couponbogen
      • Dankeskarten
      • Einladungskarten
      • Eintrittskarten
      • Faltblätter
      • Faltschachteln
      • Flaschenanhänger
      • Flyer
      • Fototassen
      • Fußbodenaufkleber
      • Gastro-Artikel
      • Geburtskarten
      • Geburtstagskarten
      • Geschäftsausstattung
      • Getränkekarten gefalzt
      • Grußkarten
      • Handyhüllen
      • Hangtags
      • Hartschaumplatten Freiform
      • Hartschaumplatten
      • Hochzeitskarten
      • Kalender
      • Kartenboxen
      • Kartenhüllen
      • Kissenverpackungen
      • Klappkarten
      • Leinwände auf Keilrahmen
      • Mappen
      • Mehrmonatskalender
      • Menükarten
      • Multiloft
      • Notizbücher
      • Pappbilderbücher
      • Plakate
      • Poster XXL
      • Postkarten
      • Regionales Recycling
      • Rubbellose
      • Schleifenverpackungen
      • Speisekarten gefalzt
      • Stülpdeckelschachteln
      • Tischaufsteller
      • Tischsets
      • Tragegriffverpackungen
      • Transportverpackungen
      • Türanhänger
      • Verpackungen
      • Visitenkarten
      • Wandbilder
      • Wandkalender
      • Weichschaumplatten Freiform
      • Weichschaumplatten
      • Weihnachtskarten
      • Werbeartikel
    • Veredelte Produkte

      Veredelte Produkte

      • Briefpapier
      • Faltblätter
      • Flyer
      • Klappkarten
      • Plakate
      • Postkarten
      • Visitenkarten
      • Alle Veredelungen
    • Schnelle Produkte

      Schnelle Produkte

      • Briefpapier
      • Faltblätter
      • Flyer
      • Klappkarten
      • Plakate
      • Postkarten
      • Visitenkarten
      • Alle Geschwindigkeiten
    • Verpackungen

      Verpackungen

      • Faltschachteln
      • Kissenverpackungen
      • Schleifenverpackungen
      • Stülpdeckelschachteln
      • Tragegriffverpackungen
      • Transportverpackungen
  • Individualdruck

    Individualdruck

    • Beratung
    • Projekte
    • Anfrage
  • Online-Designer

    Online-Designer

    • Online gestalten
    • Aufkleber
    • Briefpapier
    • Flyer
    • Klappkarten
    • Leinwandbilder
    • Plakate
    • Postkarten
    • Visitenkarten
  • Unternehmen

    Unternehmen

    • Historie
    • Vision
    • Nachhaltigkeit
    • Umweltgedanke
    • Klimaschutzpartner
    • Soziales Engagement
    • Karriere
    • Blog
    • Kontakt
  • Karriere
  • Blog
  • Info-Center
  • Kontakt
  • Mustermappe
  • Startseite
  • Online-Designer
  • Design-Auswahl

Wählen Sie Ihr Plakate-Design aus

Meine Favoriten

Ausgewählt:

{{this.designFilter}}

Plakate gestalten im Online-Designer (9)

{{this.formats[formatId].name}}

Plakate gestalten im Online-Designer (10)

{{this.postProcesses[this.selectedPostProcess].name}}

Plakate gestalten im Online-Designer (11)

{{category.name}}

Plakate gestalten im Online-Designer (12)

{{this.colors[colorId].name}}

Plakate gestalten im Online-Designer (13)

Alle löschen

Keine Designs verfügbar.

Keine Designs verfügbar. Bitte setzen Sie die Filter zurück.

Plakate gestalten im Online-Designer (14)

Plakate gestalten im Online-Designer (15)

{{selectedDesign.name}}

Format: {{selectedDesign.format.name}}

Farben:


Jetzt online gestalten

Plakate gestalten im Online-Designer (16) Als Favorit speichern Plakate gestalten im Online-Designer (17) Aus den Favoriten löschen

Unser Tipp: Nach der Gestaltung im Online-Designer können Sie Ihr Design bestellen und auf Wunsch mit der Folienkaschierung veredeln. Es ist auch möglich, beim Ihrem Design 4 Ecken mit dem gewünschten Radius abzurunden. Klicken Sie einfach auf die gewünschte Option unter Veredelung & Weiterverarbeitung im Bestellprozess.

Plakate und Poster bestimmen vielfach den öffentlichen Raum, wenn es um die Bereiche Werbung und Informationsvermittlung geht. Aufgrund ihrer Größe und damit ihrer Sichtbarkeit können sie Botschaften schnell übermitteln, vor allem wenn sie adäquat gestaltet sind. Werbung für die Rabattaktion eines Geschäfts, Einladung zu einer Party, Bekanntmachung eines Konzerts, einer Lesung oder einer anderen Veranstaltung – Plakate werden vielfältig eingesetzt. Und entsprechend unterschiedlich fällt auch ihre gestalterische Umsetzung aus.

Um Ihnen eine Orientierung und Hilfestellung bei der Gestaltung Ihrer Poster zu geben, haben wir von Pinguin Druck unseren Online-Designer eingerichtet. Hier können Sie Ihre Plakat-Ideen kostenlos umsetzen. Dies gilt besonders für flexible Aufträge. Denn mit unserem Digitaldruck können Sie nicht nur Plakate günstig produzieren lassen. Hier realisieren wir Ihre Poster bereits ab einer Auflage von einem Stück.

Plakate selbst gestalten – schnell und kostenlos mit dem Online-Designer

Der Online-Designer ist ein Gestaltungs-Tool, das mehrere Vorteile bietet, wenn Sie eine ansprechende und kostenlose Gestaltungslösung für Ihre Poster, Plakate und andere Druckprodukte wie Visitenkarten, Briefpapier oder Postkarten suchen:

  • Einfache Handhabung auch ohne Grafik-Vorkenntnisse.
  • Kein Extra-Runterladen eines Programms nötig – die gesamte Gestaltung können Sie über die Internetseite unserer Online-Druckerei abwickeln.
  • Zugriff auf Plakat-Vorlagen in unserer Datenbank.

Diese Vorlagen können Sie kostenlos für Ihre Plakate nutzen, mit eigenen Textinhalten füllen und nach Belieben durch Fotos und andere Elemente erweitern. Nach Abschluss der Gestaltung können Sie den Druck Ihrer Poster über unseren Online-Shop in Auftrag geben.

Bevor Sie Ihre Plakate in den Druck geben, können Sie Ihr Design auch als Entwurf speichern und später fertigstellen. Besitzen Sie noch kein Kundenkonto, senden wir Ihnen per E-Mail einen Link zu, mit dem Sie Ihr Design erneut aufrufen und bearbeiten können. Dieser Link ist 14 Tage gültig, bevor Ihre Daten gelöscht werden. Falls Sie ein Kundenkonto bei uns haben, finden Sie Ihr abgespeichertes Design in Ihrer Kontoübersicht unter „Online-Designs“. Dort können Sie Ihren Plakat-Entwurf länger als 14 Tage aufrufen, fertigstellen und bei uns in den Druck geben. Sobald Sie Ihren Auftrag abgeschickt haben, verschwindet der Entwurf aus der Übersicht.

Online Plakatdruck – unsere Vorlagen

Unsere Vorlagen, mit denen Sie Ihr individuelles Plakat online erstellen können, sind für unterschiedliche Themenbereiche nutzbar. Es lassen sich beliebige Stile und Motive gestalten. Sie können zum Beispiel Vorlagen nutzen, um Motive und Designs aus besonders nachgefragten Branchen umzusetzen, zum Beispiel:

  • Gastronomie
  • Veranstaltung, Messe, Event
  • Business
  • Beauty, Kosmetik
  • Dienstleistung
  • Handwerk
  • Immobilien
  • Kfz, Automobil
  • Versicherung
  • und viele mehr

Aber auch künstlerische Motive oder etwa Bilder und Designs aus den Bereichen Schule, Natur, Technik, Essen etc. sind in die Vorlagen des Online-Designers integrierbar – je nachdem, für was Sie werben oder welche Veranstaltung Sie ankündigen möchten. Darüber hinaus können Sie unsere Vorlagen für Plakate und Poster als Wandkalender oder Jahresplaner gestalten – mit einer entsprechenden Jahresübersicht, klassisch aufgeteilt in die Monate und Tage.

Formate und Papier Ihrer Online-Plakate

Bei Pinguin Druck können Sie Ihre Plakate gestalten und im Anschluss bei uns im Shop produzieren lassen. Für Auflagen von einem bis 25 Stück nutzen wir den Digitaldruck, der flexible Druckzeiten gewährleistet bei gleichzeitig hoher Qualität. Oftmals genügt eine geringe Anzahl an Plakaten, um den Zweck zu erfüllen, ganz besonders bei eiligen Aufträgen! Die Gestaltungslösungen unseres Online-Designers gibt es in unterschiedlichen, klassischen DIN-Formaten:

  • A4 – 297 x 210 mm oder 210 x 297 mm
  • A3 – 420 x 297 mm oder 297 x 420 mm
  • A2 – 594 x 420 mm oder 420 x 594 mm
  • A1 – 841 x 594 mm oder 594 x 841 mm
  • B1 – 1000 x 700 mm oder 700 x 1000 mm
  • A0 – 1189 x 841 mm oder 841 x 1189 mm
  • B0 – 1400 x 1000 mm oder 1000 x 1400 mm

Ob auf die Litfasssäule geklebt, ins Schaufenster oder an die Wand gehängt: Lassen Sie mit dem passenden Papier Ihre Plakate drucken! Für die Außenwerbung und das Nassklebeverfahren besonders gut geeignet: Affichenpapier, auch Blaurückenpapier genannt, das wir mit einem Flächengewicht von 115 Gramm pro Quadratmeter anbieten. Für den Aushang im Innenbereich können Sie für den Digitaldruck unser matt gestrichenes Bilderdruckpapier nutzen – erhältlich in 135 und 170 Gramm pro Quadratmeter.

'); } }, closeModal() { this.selectedDesign = null; window.location.hash = ''; }, sortProperty(prop) { return (a,b) => { /*if( a.format[prop] < b.format[prop] ) { return -1; } if( a.format[prop] > b.format[prop] ) { return 1; } return 0;*/ //return a[prop] - b[prop]; if( a[prop] < b[prop] ) { return -1; } if( a[prop] > b[prop] ) { return 1; } return 0; } }, openDesign(param) { let product_id = 0; let product_slug = "plakate"; $.ajax({ type: 'POST', dataType: 'json', url: '/data/get-print-product/product', data: [ { name: 'type', value: 'json' }, { name: 'no_categories', value: true }, { name: 'ignore[]', value: 'paper' }, { name: 'ignore[]', value: 'format' }, { name: 'ignore[]', value: 'color' }, { name: 'ignore[]', value: 'charge' } ], success: function (data) { let product_found = false; $(data['request']).each(function(i) { response = $(this)[0]; if( product_found == false && response['notation']['designerlink'] == product_slug ) { product_found = true; product_id = response['product_id']; } }); if( product_id != 0 ) { $.ajax({ type: 'POST', dataType: 'json', url: '/data/set-parameter', data: [ { name: 'type', value: 'json' }, { name: 'product_id', value: product_id } ], success: function (data) { $.ajax({ type: 'POST', dataType: 'json', url: '/data/set-parameter', data: [ { name: 'type', value: 'json' }, { name: 'usritm_id', value: 'onlinedesigner' }, { name: 'usritm_data', value: 'onlinedesigner=1' } ], success: function (data) { window.location = '/designer/edit/'+param; } }); } }); } } }); }, setShareLink(param) { //console.log('Share'); }, setFavorites(param) { //console.log('Favorite'); if( jQuery.inArray(param, favorite_designs) == -1 ) { favorite_designs.push(param); this.selectedDesign.favorite = true; } else { this.selectedDesign.favorite = false; favorite_designs.splice($.inArray(param, favorite_designs), 1); } window.location.hash = ''; this.selectedDesign = null; localStorage.setItem('design_f',JSON.stringify(favorite_designs)); if( favorite_designs.length == 0 ) { this.favorite = false; } else { if( this.favorite == true ) { $('.favorite-button').trigger('click'); } } }, fetchData() { if( localStorage.getItem('design_f') ) { favorite_designs = JSON.parse(localStorage.getItem('design_f')); } //return fetch('/designer/get-designs/'+this.currentProduct) return fetch('/designer/get-designs/product/'+this.currentProduct) .then(r => r.json()) .then(data => { this.formats = data.formats .map(format => ({...format, checked: false})) .reduce((acc, el) => { acc[el.id] = el; return acc; }, {}); this.postProcesses = data.postProcesses .map(pp => ({...pp, checked: false})) .reduce((acc, el) => { acc[el.id] = el; return acc; }, {}); this.colors = data.colors .map(color => ({...color, checked: false})) .reduce((acc, el) => { acc[el.id] = el; return acc; }, {}); this.loading = false; this.designs = data.designs; var products_result = new Array(); for( var key in data.products ) { var product_item = new Object; if( data.products[key]['name'].indexOf('verpackungen-') == -1 ) { product_item['id'] = data.products[key]['id']; product_item['name'] = data.products[key]['name']; products_result.push(product_item); } } this.products = products_result; //this.products = data.products; this.categories = data.categories; }); }, getDesignById(id) { const design = this.designs.find(design => design.id === id); if( design ) { return this.fillDesign(design); } return design; }, getCategoryById(id) { function finder(list, id) { for( const category of list ) { if( category.id === id ) return category; if( category.children ) { const found = finder(category.children, id); if( found ) return found; } } } return finder(this.categories, id); }, fillDesign(design) { return { ...design, format: this.formats[design.formatId], colors: design.colors.map(id => this.colors[id]), postProcess: this.postProcesses[design.postProcessId] }; }, saveDesign(id) { fetch('/designer/toggle-favorite/'+id, {method: 'POST'}) .then(() => { //console.log('Saved to favorites'); }) .catch(() => { //console.log('Failed to save favorite'); }); }, designMatchesSelectedCategories(design) { return this.selectedCategoriesProcessed.some(selected => { return design.categories.includes(selected); }); }, deselectColor(colorId) { this.colors[colorId].checked = false; }, deselectFormat(formatId) { this.formats[formatId].checked = false; }, deselectCategory(categoryId) { const category = this.getCategoryById(categoryId); const idsToRemove = [category.id, ...(category.children || []).map(c => c.id)]; this.selectedCategories = this.selectedCategories.filter(selectedId => !idsToRemove.includes(selectedId)); }, resetFilters() { this.designFilter = ''; this.selectedCategories = []; this.selectedPostProcess = 'none'; this.selectedColors.forEach(colorId => this.deselectColor(colorId)); this.selectedFormats.forEach(formatId => this.deselectFormat(formatId)); } }, computed: { filteredDesignsSquare() { let result = this.designs; const selectedColors = this.selectedColors; const selectedFormats = this.selectedFormats; const filter = this.designFilter.toLocaleLowerCase(); if( selectedFormats.length ) { result = result.filter(design => selectedFormats.includes(design.formatId)); } if( this.selectedCategories.length ) { result = result.filter(design => this.designMatchesSelectedCategories(design)); } if( selectedColors.length ) { result = result.filter(design => selectedColors.some(selected => design.colors.includes(selected))); } if( this.selectedPostProcess !== null ) { result = result.filter(design => this.selectedPostProcess === design.postProcessId); } if( filter !== '' ) { result = result.filter(design => design.name.toLowerCase().includes(filter) || (design.keywords || []).some(keyword => keyword.toLowerCase().includes(filter))); } if( this.favorite == true && favorite_designs.length > 0 ) { result = result.filter(design => favorite_designs.includes(design.uuid)); } result = result.map(design => this.fillDesign(design)); var result_0 = new Array(); for( var key in result ) { if( result[key]['format']['width'] == result[key]['format']['height'] ) { //console.log('Quadratisch '+result[key]['uuid']+' - '+result[key]['thumbnailUrl']+' - '+result[key]['format']['width']+' - '+result[key]['format']['height']); if( jQuery.inArray(result[key]['uuid'], favorite_designs) != -1 ) { result[key]['favorite'] = true; } result_0.push(result[key]); } } //result_0 = result_0.sort(this.sortProperty('name')); //result_0 = result_0.sort(this.sortProperty('width')); result_0 = result_0.sort(this.sortProperty('sortorder')); return result_0; }, filteredDesignsPortrait() { let result = this.designs; const selectedColors = this.selectedColors; const selectedFormats = this.selectedFormats; const filter = this.designFilter.toLocaleLowerCase(); if( selectedFormats.length ) { result = result.filter(design => selectedFormats.includes(design.formatId)); } if( this.selectedCategories.length ) { result = result.filter(design => this.designMatchesSelectedCategories(design)); } if( selectedColors.length ) { result = result.filter(design => selectedColors.some(selected => design.colors.includes(selected))); } if( this.selectedPostProcess !== null ) { result = result.filter(design => this.selectedPostProcess === design.postProcessId); } if( filter !== '' ) { result = result.filter(design => design.name.toLowerCase().includes(filter) || (design.keywords || []).some(keyword => keyword.toLowerCase().includes(filter))); } if( this.favorite == true && favorite_designs.length > 0 ) { result = result.filter(design => favorite_designs.includes(design.uuid)); } result = result.map(design => this.fillDesign(design)); var result_1 = new Array(); for( var key in result ) { if( result[key]['format']['width'] < result[key]['format']['height'] ) { //console.log('Hoch '+result[key]['uuid']+' - '+result[key]['thumbnailUrl']+' - '+result[key]['format']['width']+' - '+result[key]['format']['height']); if( jQuery.inArray(result[key]['uuid'], favorite_designs) != -1 ) { result[key]['favorite'] = true; } result_1.push(result[key]); } } //result_1 = result_1.sort(this.sortProperty('name')); //result_1 = result_1.sort(this.sortProperty('width')); result_1 = result_1.sort(this.sortProperty('sortorder')); return result_1; }, filteredDesignsLandscape() { let result = this.designs; const selectedColors = this.selectedColors; const selectedFormats = this.selectedFormats; const filter = this.designFilter.toLocaleLowerCase(); if( selectedFormats.length ) { result = result.filter(design => selectedFormats.includes(design.formatId)); } if( this.selectedCategories.length ) { result = result.filter(design => this.designMatchesSelectedCategories(design)); } if( selectedColors.length ) { result = result.filter(design => selectedColors.some(selected => design.colors.includes(selected))); } if( this.selectedPostProcess !== null ) { result = result.filter(design => this.selectedPostProcess === design.postProcessId); } if( filter !== '' ) { result = result.filter(design => design.name.toLowerCase().includes(filter) || (design.keywords || []).some(keyword => keyword.toLowerCase().includes(filter))); } result = result.map(design => this.fillDesign(design)); if( this.favorite == true && favorite_designs.length > 0 ) { result = result.filter(design => favorite_designs.includes(design.uuid)); } var result_2 = new Array(); for( var key in result ) { if( result[key]['format']['width'] > result[key]['format']['height'] ) { //console.log('Quer '+result[key]['uuid']+' - '+result[key]['thumbnailUrl']+' - '+result[key]['format']['width']+' - '+result[key]['format']['height']); if( jQuery.inArray(result[key]['uuid'], favorite_designs) != -1 ) { result[key]['favorite'] = true; } result_2.push(result[key]); } } //result_2 = result_2.sort(this.sortProperty('name')); //result_2 = result_2.sort(this.sortProperty('width')); result_2 = result_2.sort(this.sortProperty('sortorder')); return result_2; }, filteredDesigns() { let result = this.designs; const selectedColors = this.selectedColors; const selectedFormats = this.selectedFormats; const filter = this.designFilter.toLocaleLowerCase(); if( selectedFormats.length ) { result = result.filter(design => selectedFormats.includes(design.formatId)); } if( this.selectedCategories.length ) { result = result.filter(design => this.designMatchesSelectedCategories(design)); } if( selectedColors.length ) { result = result.filter(design => selectedColors.some(selected => design.colors.includes(selected))); } if( this.selectedPostProcess !== null ) { result = result.filter(design => this.selectedPostProcess === design.postProcessId); } if( filter !== '' ) { result = result.filter(design => design.name.toLowerCase().includes(filter) || (design.keywords || []).some(keyword => keyword.toLowerCase().includes(filter))); } result = result.map(design => this.fillDesign(design)); return result; }, anyFilterActive() { return this.selectedFormats.length > 0 || this.selectedColors.length > 0 || this.selectedCategories.length > 0 || this.designFilter.length > 0 || this.selectedPostProcess !== 'none'; }, selectedColors() { return Object.values(this.colors) .filter(color => color.checked) .map(color => color.id); }, selectedFormats() { return Object.values(this.formats) .filter(format => format.checked) .map(format => format.id); }, /** * Returns flattened array of category ids handling following cases: * - if parent category is selected but no children is selected then parent and children categories * are treated as selected (and included in returned array) * - if parent and some of its children are selected, then only selected children are selected * - if parent is not selected it is skipped */ selectedCategoriesProcessed() { return this.selectedCategories .map(cid => this.categories.find(c => c.id === cid)) .filter(c => !!c) .reduce((res, category) => { let isSelected = this.selectedCategories.includes(category.id); let childrenIds = Object.values(category.children || []).map(c => c.id); let selectedChildrenIds = childrenIds.filter(cid => this.selectedCategories.includes(cid)); if( isSelected && selectedChildrenIds.length ) { return [...res, ...selectedChildrenIds]; } else if( isSelected && !selectedChildrenIds.length ) { return [...res, category.id, ...childrenIds]; } else if( !isSelected ) { return res; } }, []); }, /** * Returns flattened array of category objects handling following cases: * - if parent category is selected but no children is selected then parent only parent is returned * - if parent and some of its children are selected, then only selected children are returned * - if parent is not selected it is skipped */ selectedCategoriesForFilter() { return this.selectedCategories .map(cid => this.categories.find(c => c.id === cid)) .filter(c => !!c) .reduce((res, category) => { const childrenIds = (category.children || []).map(c => c.id); const isSelected = this.selectedCategories.includes(category.id); const selectedChildrenIds = childrenIds.filter(cid => this.selectedCategories.includes(cid)); if( isSelected && selectedChildrenIds.length ) { const selectedChildren = (category.children || []) .filter(c => this.selectedCategories.includes(c.id)); return [...res, ...selectedChildren]; } else if( isSelected && !selectedChildrenIds.length ) { return [...res, category]; } else if( !isSelected ) { return res; } }, []); } }, }; const ProductItem = { props: ['design'], template: `

Plakate gestalten im Online-Designer (18)

Gestalten Sie online:
{{this.getDesignName}}

Plakate gestalten im Online-Designer (19)

Plakate gestalten im Online-Designer (20)

Plakate gestalten im Online-Designer (21) {{design.format.name}}

Plakate gestalten im Online-Designer (22) {{design.colors.map(c => c.name).join(', ')}}

`, computed: { getFoldingSide: function() { if( !this.design.variables.folding_side || this.design.variables.folding_side == 'none' ) { return 'template-item none-item'; } else { return 'template-item '+this.design.variables.folding_side+'-item'; } }, getImageRatio: function() { if( !this.design.variables.folding_side || this.design.variables.folding_side == 'none' ) { return 'side-none ratio-0'; } else { if( this.design.variables.folding_side != 'top' ) { return 'side-'+this.design.variables.folding_side+' ratio-0'; } else { if( parseFloat(this.design.variables.aspect_ratio_open) < 1 ) { return 'side-'+this.design.variables.folding_side+' ratio-1'; } else { return 'side-'+this.design.variables.folding_side+' ratio-0'; } } } }, getImageBlanco: function() { if( this.design.blanko && this.design.blanko == 1 ) { return 'overlay overlay-1 o-0'; } else { return 'overlay overlay-1 o-1'; } }, getDesignName: function() { if( this.design.name.indexOf('hoch ') != -1 ) { return this.design.name.replace(/hoch /g, 'hoch\n'); } else { if( this.design.name.indexOf('quer ') != -1 ) { return this.design.name.replace(/quer /g, 'quer\n'); } else { return this.design.name; } } } } }; const CategoryFilter = { props: ['categories', 'selectedCategories'], data() { return { expanded: false }; }, template: `

  • $emit('toggle', category)" />

{{this.toggleVisibleText}} `, methods: { toggle(event, category) { event.stopPropagation(); this.$emit('toggle', category); }, isChecked(category) { return (this.selectedCategories || []).includes(category.id); }, toggleExpand() { this.expanded = !this.expanded; } }, computed: { visibleCategories() { if( this.expanded ) return this.categories; return Object.fromEntries(Object.entries(this.categories).slice(0, 5)); }, toggleVisibleText() { return this.expanded ? '- Weniger' : '+ Mehr'; } } }; const FormatFilter = { props: ['formats', 'selectedFormats'], data() { return { expanded: false }; }, template: `

`, methods: { toggleExpand() { this.expanded = !this.expanded; } }, computed: { sortedFormats() { /*let counter = 0; if( this.expanded ) {*/ return Object.entries(this.formats).map(entry => entry[1]).reduce((acc, el) => { acc[el.sortorder] = el; return acc; }, {}); /*} else { return Object.entries(this.formats).map(entry => entry[1]).reduce((acc, el) => { if( counter < 6 ) { acc[el.sortorder] = el; } counter++; return acc; }, {}); }*/ }, toggleVisibleText() { return this.expanded ? '- Weniger' : '+ Mehr'; } } }; const Modal = { props: ['open', 'title'], template: `

Plakate gestalten im Online-Designer (23)

` }; const CollapsibleSection = { props: ['title'], data() { return { open: true }; }, template: `

{{title}} Plakate gestalten im Online-Designer (24)

`, methods: { toggleOpen() { this.open = !this.open; } } }; const app = Vue.createApp(DesignList); app.component('collapsible-section', CollapsibleSection); app.component('category-filter', CategoryFilter); app.component('format-filter', FormatFilter); app.component('product-item', ProductItem); app.component('modal', Modal); app.mount('#app');

Plakate gestalten im Online-Designer (2024)

References

Top Articles
Latest Posts
Article information

Author: Melvina Ondricka

Last Updated:

Views: 6651

Rating: 4.8 / 5 (48 voted)

Reviews: 87% of readers found this page helpful

Author information

Name: Melvina Ondricka

Birthday: 2000-12-23

Address: Suite 382 139 Shaniqua Locks, Paulaborough, UT 90498

Phone: +636383657021

Job: Dynamic Government Specialist

Hobby: Kite flying, Watching movies, Knitting, Model building, Reading, Wood carving, Paintball

Introduction: My name is Melvina Ondricka, I am a helpful, fancy, friendly, innocent, outstanding, courageous, thoughtful person who loves writing and wants to share my knowledge and understanding with you.