Printing Logo

Hi,

When I try to print a page the logo does not show. Is there a way to fix this.

Thanks for you help.

Dita

Well, I do not know anything. Because it is way of Joomla printing. It has nothing to do with template. Maybe you can look at JED for some 3rd party component that can change it...I know it is for PDF, but do not know about print.

Hi

The latest GK templates comes with this feature. The option of set logo as image.
In the next update of this template, we will include this feature.

Meanwhile, follow this steps and you be able to add this feature on eShop template:

STEP 1)

Open index.php and find this line:

Code: Select all

$url = clone(JURI::getInstance());

Replace it with:

Code: Select all

$url = clone(JURI::getInstance());   
$logo_as_image = ($this->params->get("logo_as_image", 1) == 1) ? true : false;


STEP 2)

On same file, find this code:

Code: Select all

<a href="<?php echo $this->baseurl;?>" class="nounder" id="logo"></a>

Replace it with:

Code: Select all

<a id="logo<?php echo ($logo_as_image) ? '' : '_styled'; ?>" href="./">
<?php if($logo_as_image) : ?>
<img src="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template?>/images/logo.png" alt="Logo" />
<?php endif; ?>                        </a>                   


STEP 3)

Open templateDetails.xml file and add this code after line 181:

Code: Select all

<param name="logo_as_image" type="list" default="0" label="Logo as image" description="If you want to have normal image instead of link with background - enable this option. IMPORTANT: when you enable this option, style change won't change your logo till page refresh">
<option value="1">Enabled</option>
<option value="0">Disabled</option>
</param>


STEP 4)

Open params.ini file and add this code at the end:

Code: Select all

logo_as_image=0

STEP 5)

Open template_css.css file and find this code:

Code: Select all

#logo {
   height: 85px;
   width:281px;
   display: block;
   float: left;
}

replace it with:

Code: Select all

a#logo,
a#logo_styled {
float:left;
width:auto;
display:block;
}
/* Here you can change width or height of your logo  if you've disabled option "logo as image" */
a#logo_styled {
width:281px;
height:85px;
background:transparent url('../images/logo.png') no-repeat 0 0;  }


Now, if you go to template parameters and enable logo as image option, it should print the logo.

Cheers

Perfect!!!! Thank you so much it works great.

I now have one small issue. My logo is width 305px / height 125px. How do I adjust the top now. The page is cutting off my logo.

Hi again

Assuming that you set width and height on logo_styled, search this code on template_css.css file:

Code: Select all

#bg_top {
   margin: 0 6px;
}

replace it with:

Code: Select all

#bg_top {
margin: 0 6px;
margin-bottom: 125px;
}


Cheers

Boy I am not sure what happened but my template is now out of alignment. Please look at my website for the best description. www.useduniformexchange.com

I've attached my template.css.css I really don't know what to do now.

Your help is really appreciated.
Dita

Help!!!!!

I would really appreciate someone's help here. I am suppose to roll this out on Monday for clients to look at it and it looks like heck. I thought I followed the directions and now my website it not fit for viewing. I am freaking out a bit.

As always thanks for your help!!



Dita