News:

Support the VirtueMart project and become a member

Main Menu

Enable print header in Virtuemart

Started by mikekiy, June 21, 2011, 08:11:34 AM

Previous topic - Next topic

mikekiy

Hi

I need a little help to make a print header for a VM project.

When the visitor selects a category view and then elects to print the resulting list I would like a header to appear on the printed list only.

Probably very simple - but only when you know how!

Please PM me if interested.

Kind regards

Mike
Mike Kiy
Yes, we do websites Ltd
The Barn
43 Oakdene Road
REDHILL
RH1 6BT
UK

Joseph Kwan

Add the header to the category description or browse template. Use CSS to make it invisible on the browser.
Joomla/VM Upgrade Services. Problems with your migration? We can help.
Custom extensions to VM. Performance Tuning. Template modifications and advices.
Pay service to make VM work according to your needs. Your Joomla/VM solutions are just a PM away.

mikekiy

Joseph

Thank you for your answer - is the detail of this described in your book - very happy to buy.

Kind regards

Mike
Mike Kiy
Yes, we do websites Ltd
The Barn
43 Oakdene Road
REDHILL
RH1 6BT
UK

mikekiy

Joseph

I bought the book - fantastic work.

I have added a logo image to the header of browse_header_category.tpl.php and that puts the desired image in the right place on the Category View and the 'Print category view' page.  One issue though is that when printed the header image and the page navigation appear on a separate page to the rest of the category entries.

I am stuck on how to hide it though - adding a style statement of style="visibility:hidden;" just hides the image in the category list and the print out page as well.

I am pushing the limits of my understanding here and am very happy to pay a fee to get it sorted.

I look forward to hearing from you.

Mike
Mike Kiy
Yes, we do websites Ltd
The Barn
43 Oakdene Road
REDHILL
RH1 6BT
UK

Joseph Kwan

Mike, you are amazing and a fast learner.
You need to use CSS.
1. first embrace your header with a <div> like this
<div id="MyHeader">
  // your header image tag goes here.
</div

2. Add a CSS definition for MyHeader somewhere in the file
<style type="text/css">
  @media screen {
    #MyHeader {display:none}
  }
</style>
Joomla/VM Upgrade Services. Problems with your migration? We can help.
Custom extensions to VM. Performance Tuning. Template modifications and advices.
Pay service to make VM work according to your needs. Your Joomla/VM solutions are just a PM away.

mikekiy

Dear Joseph

Thank you for your kind words - most simply observe that I am a determined old goat but I'll take compliments where I get them.

And thank you for the complete and entirely accurate solution.

I am very grateful.
Mike Kiy
Yes, we do websites Ltd
The Barn
43 Oakdene Road
REDHILL
RH1 6BT
UK