Den Inhalt des Content drucken?

[Kosolino]

Hallo,

ich hab eine Seite mit dem Contentmannager erstellt und möchte das man diese drucken kann.
Jedoch mit "javascript:window.print()" wird immer die ganze Seite gedruckt.
Also auch die Boxen drumherum.

Wie kann ich nur den Inhalt des Content drucken?

Gruß
Heiko



Linkback: https://www.modified-shop.org/forum/index.php?topic=9693.0

[DokuMan]

Am besten du kopierst dein derzeitiges Stylesheet nach print.css und bindest es so ins Template ein:

Code: PHP  [Auswählen]

<link rel="stylesheet" type="text/css" href="print.css" media="print" />

in diesem CSS blendest du nun alles aus (no-display oder in weißer farbe), was du nicht haben willst

vgl. http://aktuell.de.selfhtml.org/artikel/css/drucklayout/

[Kosolino]

danke ... das gibt wieder viel Lesestoff.

[pauloscar]

Gibt es eine Lösung um NUR den Content zu drucken.
Alle beschriebenen Lösungsansätze drucken DIE GANZE SEITE...

[GTB]

Erstelle eine PDF und weise das dem Content zu. Es gibt eine eigene Funktion dafür um Anhänge einem Content zuzuordnen.

Schau mal hier:
https://dev.modified-shop.org/Unsere-AGB:_:3.html

Gruss Gerhard

[hpzeller]

Hallo pauloscar,

wenn du das Template "tpl_modified_responsive" nutzt, dann füge mal testweise in der Datei /templates/tpl_modified_responsive/module/content.html ganz am Ende folgenden Code ein.

Code: CSS  [Auswählen]

<style>
@media print {
  body * {
    visibility: hidden;
  }

  #admin,
  #layout_footer,
  #layout_navbar,
  #layout_logo,
  #sidebar_layer,
  #breadcrumb {
    display:none;
  }
     
  #breadcrumb + h1,
  .content_site {
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    color: black;      
    visibility: visible;
    position: absolute;
    left: 0;
    top: 0;    
  }
     
  .content_site * {
    visibility: visible;
  }
   
  .content_site {
    margin-top: 80px;
  }      
}
</style>

Weitere Alternativen, z.B. mit JavaScript:
https://www.webentwicklung-frage-antwort-db.com.de/de/javascript/nur-div-id-printarea-div-drucken/958216669/

Gruss
Hanspeter

[pauloscar]

Besten Dank für deine Antwort.
Ich habe das in die Seite eingefügt aber leider wird das gesamte Menü immer noch auf der Seite angezeigt.
Es wird über dem Content (überlagert) dargestellt

[hpzeller]

Welches Template und welche Shopversion verwendest du ?

Gruss
Hanspeter

[pauloscar]

Shop Version 2.0.6.0 rev 13500 mit dem responsive Template

[hpzeller]

Aber auf Contentseiten wird doch standardmässig gar kein Menü angezeigt.

Gruss
Hanspeter

[pauloscar]

Das habe ich in unserem Shop geändert...

[hpzeller]

Dann teste mal folgnden Code.

Code: CSS  [Auswählen]

<style>
@media print {
  body * {
    visibility: hidden;
  }

  #admin,
  #layout_footer,
  #layout_navbar,
  #layout_logo,
  #sidebar_layer,
  #col_left_overlay,
  #col_left,
  #breadcrumb {
    display:none;
  }
     
  #breadcrumb + h1,
  .content_site {
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    color: black;      
    visibility: visible;
    position: absolute;
    left: 0;
    top: 0;    
  }
     
  .content_site * {
    visibility: visible;
  }
   
  .content_site {
    margin-top: 80px;
  }      
}
</style>
 

Bei mir sieht das in der Druckvorschau so aus.
[ Für Gäste sind keine Dateianhänge sichtbar ]

Gruss
Hanspeter

[pauloscar]

Das linke Menü ist jetzt weg, aber das obere horizontale Menü wird immer noch (überlagert) dargestellt

[hpzeller]

Wenn du auch noch ein horizontales Menü hast musst du hier entweder einen Link zum shop oder den Quelltext der Seite posten.

Gruss
Hanspeter

[pauloscar]

Der Shop:
https://www.rhein-dampfer.de/