Forums / Basic Configuration / Spacing of Checkout page

Spacing of Checkout page

Locked

Started by sperdie on 11 Apr 2007, 6:15 PM · Views: 1,536

Results 1 to 9 of 9
This thread is locked. New replies are disabled.
11 Apr 2007, 6:15 PM
#1
sperdie avatar

sperdie

Zen Follower

Join Date:
Feb 2005
Location:
Jim Thorpe Pennsylvania
Posts:
131
Plugin Contributions:
0

Spacing of Checkout page

I am having a problem with the spacing and setup of a checkout page:
http://www.poconomountaincoffee.com/catalog/index.php?main_page=product_info&cPath=1&products_id=1
The dropdown for Grind may be a little too far from the checkout box to be noticed. I also wanted to present a diferent image for the product on this page (I am using an altered no_picture.gif on other pages but do not want that picture to display on this page).
So my question is how do I change spacing/coding specific to this page so I can move stuff around a little to make the dropdown box more noticable. Also where is the file that calls an image to this particular page so I can change the image name without effecting other pages?
Thanks.

Got a Zencart Tatoo & Vanity Plate

11 Apr 2007, 6:30 PM
#2
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,189
Plugin Contributions:
0

Re: Spacing of Checkout page

Try this for 1st question:

Enter into stylesheet.css

#attrib-1 {
margin: 0em 0em 0em 1em;
}

Mark,

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.

Zen Cart Certified hosting at myZenCartHost.com.

11 Apr 2007, 6:39 PM
#3
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,189
Plugin Contributions:
0

Re: Spacing of Checkout page

Try this:
Use Photshop and create the image you want.
Use no_picture.gif and rename to no_picture1.gif.
Upload this image to includes/ images

Now change the picture:
Admin Panel/ Categories & Products/ Products/ Product types
3/4 down the page. Change the file name here.

Products Image: Image Name:

Mark,

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.

Zen Cart Certified hosting at myZenCartHost.com.

12 Apr 2007, 7:18 AM
#4
sperdie avatar

sperdie

Zen Follower

Join Date:
Feb 2005
Location:
Jim Thorpe Pennsylvania
Posts:
131
Plugin Contributions:
0

Re: Spacing of Checkout page

Thank you for the response but after putting in the "#attrib-1 {
margin: 0em 0em 0em 1em;
}"
I don't see much of a diference. It moves a little but not much. The space on this checkout is very awkward and it would be easy to miss the grind. I tried to add higher numbers to the digit before the em but only succeeded in moving things to the right or down which made matters worse. (I did leave the code you suggested in the stylesheet) I would like to see the checkout box aligned to the right of the description if that is possible. It just seems that things are just scattered about the page.
http://www.poconomountaincoffee.com/catalog/index.php?main_page=product_info&cPath=1&products_id=1
As far as the image- you advised "Now change the picture:
Admin Panel/ Categories & Products/ Products/ Product types
3/4 down the page. Change the file name here." But when I go to "Product Types" I see listed:
Product General
Product Music
Document General
Document Product
Product -Free Shipping
I see that there is an area to put the defaut image but when I put in an image it does not display. I'm not sure if I am configuring properly- I tried under Product General. I used an image that was already in the image directory as a test.

Got a Zencart Tatoo & Vanity Plate

12 Apr 2007, 8:06 AM
#5
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,189
Plugin Contributions:
0

Re: Spacing of Checkout page

Maybe a misunderstanding to my answer..

Admin panel > catalog > categories/products > click on a product you created, on this page is where you change your picture image.

Mark,

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.

Zen Cart Certified hosting at myZenCartHost.com.

12 Apr 2007, 8:27 AM
#6
sperdie avatar

sperdie

Zen Follower

Join Date:
Feb 2005
Location:
Jim Thorpe Pennsylvania
Posts:
131
Plugin Contributions:
0

Re: Spacing of Checkout page

Ok I understand now what you meant. I know this process already but what I am trying to do was to not have an image on the checkout page. When I use the image that says "add this to my cart" for all my products - that works for every page except on the checkout page. On the checkout page I already have a button for "add this to my account" so I don't need another. I do like having that image with "add this to my account" on other pages though. Is there a way to not display the image just on the checkout page?
Also is there a way to get the Grinds drop down closer to the checkout button so people don't miss it?
Thanks

Got a Zencart Tatoo & Vanity Plate

13 Apr 2007, 9:30 PM
#7
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,189
Plugin Contributions:
0

Re: Spacing of Checkout page

Your 1st question:

includes > templates > template_default > templates > tpl_product_info_display.php

Highlight the following from line 44 to 56, and delete.

Place in your override directory.

includes > templates > your template > templates > tpl_product_info_display.php

44<!--bof Main Product Image -->

<?php if (zen_not_null($products_image)) { ?> <?php /** * display the main product image */ require($template->get_template_dir('/tpl_modules_main_product_image.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_main_product_image.php'); ?> <?php } ?>

56<!--eof Main Product Image-->

Mark,

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.

Zen Cart Certified hosting at myZenCartHost.com.

13 Apr 2007, 9:40 PM
#8
barco57 avatar

barco57

Totally Zenned

Join Date:
Apr 2006
Location:
West Salem, IL
Posts:
2,846
Plugin Contributions:
0

Re: Spacing of Checkout page

the quick and dirty...in your style sheet find #cartImage and change to:```
#cartImage {
display: none;
}
#cartProdTitle {text-align: center;}


add the #cartProdTitle....moves the product title back over to center

Mike
AEIIA - Zen Cart Certified & PCI Compliant Hosting
The Zen Cart Forum...Better than a monitor covered with post-it notes!

13 Apr 2007, 9:54 PM
#9
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,189
Plugin Contributions:
0

Re: Spacing of Checkout page

2nd question:
admin panel > catalog > option value manager

  1. Create a new Option Value for Option Name Grind Type called: Please Select, then click on insert
  2. Should look like this Grind Type Please Select 0
    Grind type Regular Blend 5
    Grind Type Whole Bean 10
  3. Now for an error message to fire if they miss this attribute..
  4. Click on Attribute Controller and locate every product you have attached this to.
  5. Find Grind Type Please Select and Edit
  6. Down on the bottom with the pretty colors Look for Attribute Flags:
  7. Find Used For Display Purposes Only: Click on Yes
  8. Find Default Attribute to be Marked Selected: Click on Yes
  9. Update, great now when a customer orders, they half to choose an attribute.

Mark,

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.

Zen Cart Certified hosting at myZenCartHost.com.