Jump to content

Print.css logo issue and refresh timing?


Guest cigaramerica.net

Recommended Posts

Guest cigaramerica.net

Hi folks, using the Admin area in Orders, clicking on the print order icon causes a window to pop up with our logo cut in half. I've created CSS to shrink it but the CSS doesn't seem to update. When I check the links, I see I think a dynamically created print.css with a name like printa93qudirc.css which seems to be a session based css.

I am wondering how to check my changes, or what I need to do to update, refresh, or remove the cache of the existing site? Is this something done automatically at certain times?

Thanks

Link to comment
Share on other sites

Hi folks, using the Admin area in Orders, clicking on the print order icon causes a window to pop up with our logo cut in half. I've created CSS to shrink it but the CSS doesn't seem to update. When I check the links, I see I think a dynamically created print.css with a name like printa93qudirc.css which seems to be a session based css.

I am wondering how to check my changes, or what I need to do to update, refresh, or remove the cache of the existing site? Is this something done automatically at certain times?

Thanks

The print screen is dynamically created. I ended up reworking the code so my logo goes across the top.

Link to comment
Share on other sites

You didn't use CSS? What code and where did you modify?

/admin/skins/default/templates/orders.print.php

Mine's not a good example I'm sure, but it works for me:


<!DOCTYPE html>

<!--Plush Catalog-- from v5.0.5-->

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

  <title>{$PAGE_TITLE}</title>

  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

  <link rel="stylesheet" href="../admin/styles/print.css" media="screen,print" />

</head>

<body onload="window.print();">

  {if isset($ORDER_LIST)}

  {foreach from=$ORDER_LIST item=order}

  <div>

<br/>

   <center><img src="../images/logos/{$SKIN}.php" alt="" /></center>

  </div>

<br/>   

  <div id="printLabel">

    <div>

<b>Delivery Address:</b>

<br/>

	 {$order.title_d} {$order.first_name_d} {$order.last_name_d}<br />

	 {if !empty($order.company_name_d)}{$order.company_name_d}<br />{/if}

	 {$order.line1_d} <br />

	 {if !empty($order.line2_d)}{$order.line2_d}<br />{/if}

	 {$order.town_d}<br />

	 {$order.state_d}, {$order.postcode_d}<br />

	 {$order.country_d}

    </div>

  <!-- <div class="sender">{$LANG.address.return_address}<br />{$STORE.address}</div>-->

  </div>

 

  

   <div class="info">

  <!--<span class="orderid">-->

<strong>{$LANG.common.order_id}</strong> &nbsp; {$order.cart_order_id}&nbsp; {$order.ship_method}

  <br/><br/><strong>{$LANG.orders.title_receipt_for}</strong> {$order.order_date}

  <!--</span>-->

   </div>

   <div class="product">

  <span class="price">{$LANG.common.price}</span>

  <strong>{$LANG.common.product}</strong>

   </div>

   {foreach from=$order.items item=item}

   <div class="product">

  <span class="price">{$item.price}</span>{$item.quantity} &times; {$item.name} {if !empty($item.product_code)}({$item.product_code}){/if}

  {if isset($item.options)}

  <br />{$LANG.catalogue.title_options} {foreach from=$item.options item=option}&raquo; {$option}{/foreach}

  {/if}

   </div>

   {/foreach}

   <div id="totals">

  <div class="total">{$LANG.basket.total_sub} <strong>{$order.subtotal}</strong></div>

  <div class="total">{$LANG.basket.total_discount} {if !empty($order.percent)}({$order.percent}){/if} <strong>{$order.discount}</strong></div>

  <div class="total">{$LANG.basket.shipping} <strong>{$order.shipping}</strong></div>

  {if isset($order.taxes)} {foreach from=$order.taxes item=tax}

  <div class="total">{$tax.name} <strong>{$tax.value}</strong></div>

  {/foreach}{/if}

  <br />

  <div class="total"><strong>{$LANG.basket.total_grand} {$order.total}</strong></div>

   </div>

   {if isset($order.customer_comments)}

   <div id=" "><strong>{$LANG.orders.title_notes_extra}</strong> - {$order.customer_comments}</div>

<br/><br/>

   {/if}

   <div>

<p><center>Thank you for buying from us!</center></p>

<p>  If there are any problems with your shipment, please let us know within three (3) days of receipt, and we will work with you to resolve the situation. We want you to be happy with your purchase. We hope we can do business again in the future, so please ask if you don't see what you are looking for.  We are working on adding our items to our Online Catalog, since we have a much larger inventory of plush animals and dolls than we have listed.</p>

<p>Please bookmark our site at <a href="{$STORE_URL} ">{$STORE_URL}</a> and tell your friends and family about us. We also run a free Plush Memories Lost Toy Search Service at <a href="http://plushmemories.com/">http://plushmemories.com</a> . If you, or anyone you know, are looking for a lovie we will be glad to help you find it.</p>

<p align="center"><i>"Jesus saith unto him, I am the way, the truth, and the life: no man cometh unto the Father, but by me."</i></p>

<p align="center">John 14:6 KJV</p>

</div>

   <div id="footer">

<br/>

  <p><b>{$STORE.address}</b></p>

   </div>

  </div>

  {if not empty($customer.comments)}

  <!--<div class="page-break">

   <div id="header">

  <div id="printLabel">

    <div>{$order.address}</div>

    <div class="sender">{$LANG.address.return_address}<br />{$STORE.address}, {$STORE.county}, {$STORE.postcode} {$STORE.country}</div>

  </div>

  <div id="storeLabel">

    <img src="../images/logos/{$SKIN}.php" alt="" />

  </div>

</div>-->

  <div class="info">

   {foreach from=$customer.comments item=note}

	  {$note}

	 {/foreach}

  </div>

  </div>

  {/if}

  {/foreach}

  {/if}

</body>

</html>

I thought I had shared it in another thread, but I couldn't find it. Maybe it will give you some ideas.

Link to comment
Share on other sites

Guest cigaramerica.net

Hi, I am not sure what information you changed in the template. I thought it was the RED area, but that is the default. I go online and check with Firebug and by changing the CSS in the #storeLabel on the print page to 501px from 50mm, the entire label shows up, but changing the CSS in the install does not refresh to the new CSS changes. I can't figure out where/when/how CC will clean the cache and start using the updates... ?? Any ideas?

Link to comment
Share on other sites

Guest cigaramerica.net

I found the cache cleaner. Apparently there are several areas where the storeLabel image is created and I had to find all of them. I ended up changing the label location from a dynamic one to a static image in the root folder.

Link to comment
Share on other sites

Hi, I am not sure what information you changed in the template. I thought it was the RED area, but that is the default. I go online and check with Firebug and by changing the CSS in the #storeLabel on the print page to 501px from 50mm, the entire label shows up, but changing the CSS in the install does not refresh to the new CSS changes. I can't figure out where/when/how CC will clean the cache and start using the updates... ?? Any ideas?

Basically I commented out the Seller Address section, since that was also at the bottom of the packing slip.


<!-- <div class="sender">{$LANG.address.return_address}<br />{$STORE.address}</div>-->





I added some upselling and other info paragraph:



<p><center>Thank you for buying from us!</center></p>

<p>  If there are any problems with your shipment, please let us know within three (3) days of receipt, and we will work with you to resolve the situation. We want you to be happy with your purchase. We hope we can do business again in the future, so please ask if you don't see what you are looking for.  We are working on adding our items to our Online Catalog, since we have a much larger inventory of plush animals and dolls than we have listed.</p>

<p>Please bookmark our site at <a href="{$STORE_URL} ">{$STORE_URL}</a> and tell your friends and family about us. We also run a free Plush Memories Lost Toy Search Service at <a href="http://plushmemories.com/">http://plushmemories.com</a> . If you, or anyone you know, are looking for a lovie we will be glad to help you find it.</p>

<p align="center"><i>"Jesus saith unto him, I am the way, the truth, and the life: no man cometh unto the Father, but by me."</i></p>

<p align="center">John 14:6 KJV</p>





And I got rid of the second Customer Notes section, which never made sense to me.



<!--<div class="page-break">

   <div id="header">

  <div id="printLabel">

    <div>{$order.address}</div>

    <div class="sender">{$LANG.address.return_address}<br />{$STORE.address}, {$STORE.county}, {$STORE.postcode} {$STORE.country}</div>

  </div>

  <div id="storeLabel">

    <img src="../images/logos/{$SKIN}.php" alt="" />

  </div>

</div>-->

Link to comment
Share on other sites

Guest Weizhi

is it the size of the logo that you are trying to change? I am trying to resize the logo image but cant seem to do it.

I used

<div id="storeLabel">

<img src="images/logos/{$SKIN_FOLDER}-{$SKIN_SUBSET}.php" alt="" height="50%" width="50%" />

</div>

I am not familar with html programming but shouldn't the height="50%" width="50%" reduce the size of the logo by 50%?

I saved this but doesnt seem to see any changes. not sure if there are caching issues but have already tried to empty cache.

Link to comment
Share on other sites

Commenting out the Seller Address section had the effect of making the logo go across the top, as I centered the logo div.

<div>

<br/>

<center><img src="../images/logos/{$SKIN}.php" alt="" /></center>

</div>

If that won't work for you putting one of the cache size restrictions might work, like

victoriasecretpinkwhitepolkadotstandingdog.138.JPG , or 270 or 600

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...