Some thoughts on how to adjust the Printable Price list for US paper size 8 ˝ x 11.
As Paulm stated in the 294 post
For US letter size you should actually decrease this value (from the default 25.5cm). I think approximately 9inch (or 23.5cm) should be the value (? 11inch minus 2x1 inch margin).
So in Price-List Profile-1 I made a change in the printable page height to 9inch
I do like larger images so I increased the Image size 50% from 80x100 to 120x150 by changing the Image height from 80 to 120 and the image weight from 100 to 150
Because I changed the image size I need to change profile-a4-portrait.css to accommodate the image change. Go to about line 39 and you will see:
WAS
Code:
/* cm or inch height for printing */
height: 2.2cm;
Change to:
Code:
/* cm or inch height for printing */
height: 3.3cm;
I am using a two column setting for printing. I like a narrower margin on my printouts so I went to about line 93 and made them smaller
Was
Code:
/* two column settings */
.colsPL-2 table {
width: 7.5cm;
Change to
Code:
/* two column settings */
.colsPL-2 table {
width: 8.5cm;
I like my printed font a bit larger than the current setting so I went to about line 166 and did the following
Was
Code:
font-size: 7pt !important;
Change to
Code:
font-size: 8pt !important;
If you are changing one font size from 7 to 8 I felt you should change the other so just below this you will see at about line 171 the following
WAS
Change to
Now going back to admin to change the amount of printed space available on the page.
I also want to be sure that most of my 300 letter text description was printed so I adjusted the Max rows and Extra lines. It takes about (give or take) a max of about 14 lines to include the entire 120x150 image and my description. So if you have about 5 images in a column on a page it would take about 70 rows (5 images x 14 rows =70 total rows) to print the images and descriptions per page. So I changed the current setting of 5 Extra lines to 14 and the current setting of 48 Max Rows to 70.
Sometimes the dotted border line below the description caused the last line of the description to not be easily read I removed that dotted line. Go to approx line 23 and change the following:
Was
Code:
.imgDescrPL div{
border: 1px dotted black;
Change to
Code:
.imgDescrPL div{
border: 1px none;
I was having problems with the footer overwriting either the top of the page or the bottom of the page depending on my settings. To correct this issue go to about line 150.
Was
Code:
position: absolute;
Change to
Also if you indicate true for header in admin you may find that it may overlap your inventory descriptions and images. This is especially true if you have a large header image. I used a 324x101 image and that is what happened. You can correct this in both the online and printed version of the price list by editing pricelist’s stylesheet.css. Go to about line 114
Was
Code:
.headPL {
position: relative;
height: 100px;
}
Change to
Code:
.headPL {
position: relative;
height: 130px;
}
When you add a header to each page you have effectively reduced the amount of product information you can display. So, if you add a header you must reduce the amount of space you indicate that is available for product. You should go back to admin to change the amount of printed space available on the page. I changed my now 70 max rows to 60 max rows to compensate for the space the header image occupied on the page.
My current Printable Price List can be seen at http://sawhorsejewelry.com/index.php...page=pricelist
I hope this has been helpful and correct!!
Sawhorse
Bookmarks