Forums / Templates, Stylesheets, Page Layout / Product layout - how to get more spacing ?

Product layout - how to get more spacing ?

Locked

Views: 862

Results 1 to 9 of 9
This thread is locked. New replies are disabled.
22 Nov 2007, 7:45 AM
#1
rramirezb avatar

rramirezb

New Zenner

Join Date:
Oct 2007
Posts:
59
Plugin Contributions:
0

Product layout - how to get more spacing ?

In the product layout, the reference of the product appears very close to the navigation (previous -- back to list -- next).
How can I increase that distance?

22 Nov 2007, 10:34 AM
#2
usernamenone avatar

usernamenone

Totally Zenned

Join Date:
Sep 2006
Posts:
541
Plugin Contributions:
0

Re: Product layout - how to get more spacing ?

open templates > your template > templates > tpl_products_next_previous.php and add some spaces ( ) to this code: in red

<p class="navNextPrevCounter"><?php echo (PREV_NEXT_PRODUCT); ?><?php echo ($position+1 . "/" . $counter); ?></p> <div class="navNextPrevList"><a href="<?php echo zen_href_link(zen_get_info_page($previous), "cPath=$cPath&products_id=$previous"); ?>"><?php echo $previous_image . $previous_button; ?></a></div>   <div class="navNextPrevList"><a href="<?php echo zen_href_link(FILENAME_DEFAULT, "cPath=$cPath"); ?>"><?php echo zen_image_button(BUTTON_IMAGE_RETURN_TO_PROD_LIST, BUTTON_RETURN_TO_PROD_LIST_ALT); ?></a></div>  

Play with it long enough and you will break it.
22 Nov 2007, 12:42 PM
#3
rramirezb avatar

rramirezb

New Zenner

Join Date:
Oct 2007
Posts:
59
Plugin Contributions:
0

Re: Product layout - how to get more spacing ?

I found the file "tpl_products_next_previos.php" inside templates/template_default/template.
I've made a copy inside my template directory, replaced the code, and it doesn't work. I've modified the original file, and it doesn't work...
I'm sure I'm forgetting a stupid thing.

22 Nov 2007, 12:58 PM
#4
drbyte avatar

drbyte

Sensei

Join Date:
Jan 2004
Posts:
63,513
Plugin Contributions:
176

Re: Product layout - how to get more spacing ?

usernamenone:

open templates > your template > templates > tpl_products_next_previous.php and add some spaces ( ) to this code: in red

<p class="navNextPrevCounter"><?php echo (PREV_NEXT_PRODUCT); ?><?php echo ($position+1 . "/" . $counter); ?></p> <div class="navNextPrevList"><a href="<?php echo zen_href_link(zen_get_info_page($previous), "cPath=$cPath&products_id=$previous"); ?>"><?php echo $previous_image . $previous_button; ?></a></div>   <div class="navNextPrevList"><a href="<?php echo zen_href_link(FILENAME_DEFAULT, "cPath=$cPath"); ?>"><?php echo zen_image_button(BUTTON_IMAGE_RETURN_TO_PROD_LIST, BUTTON_RETURN_TO_PROD_LIST_ALT); ?></a></div>  

Um, why wouldn't you suggest simply setting appropriate padding in the stylesheet?

.
Zen Cart - putting the dream of business ownership within reach of anyone!
Donate to: DrByte directly or to the Zen Cart team as a whole

Remember: Any code suggestions you see here are merely suggestions. You assume full responsibility for your use of any such suggestions, including any impact ANY alterations you make to your site may have on your PCI compliance.
Furthermore, any advice you see here about PCI matters is merely an opinion, and should not be relied upon as "official". Official PCI information should be obtained from the PCI Security Council directly or from one of their authorized Assessors.

22 Nov 2007, 1:45 PM
#5
rramirezb avatar

rramirezb

New Zenner

Join Date:
Oct 2007
Posts:
59
Plugin Contributions:
0

Re: Product layout - how to get more spacing ?

that was my first idea. I suppose that could be done by adding margin or pading in the stylesheel, but I can't find the correct place in the stylesheet.
Where I should add the padding?

22 Nov 2007, 1:57 PM
#6
drbyte avatar

drbyte

Sensei

Join Date:
Jan 2004
Posts:
63,513
Plugin Contributions:
176

Re: Product layout - how to get more spacing ?

What's the URL to the page where you're seeing the problem?

.
Zen Cart - putting the dream of business ownership within reach of anyone!
Donate to: DrByte directly or to the Zen Cart team as a whole

Remember: Any code suggestions you see here are merely suggestions. You assume full responsibility for your use of any such suggestions, including any impact ANY alterations you make to your site may have on your PCI compliance.
Furthermore, any advice you see here about PCI matters is merely an opinion, and should not be relied upon as "official". Official PCI information should be obtained from the PCI Security Council directly or from one of their authorized Assessors.

22 Nov 2007, 2:38 PM
#8
drbyte avatar

drbyte

Sensei

Join Date:
Jan 2004
Posts:
63,513
Plugin Contributions:
176

Re: Product layout - how to get more spacing ?

You might try something like this:```
.navNextPrevWrapper { padding-bottom: 20px;}

.
Zen Cart - putting the dream of business ownership within reach of anyone!
Donate to: DrByte directly or to the Zen Cart team as a whole

Remember: Any code suggestions you see here are merely suggestions. You assume full responsibility for your use of any such suggestions, including any impact ANY alterations you make to your site may have on your PCI compliance.
Furthermore, any advice you see here about PCI matters is merely an opinion, and should not be relied upon as "official". Official PCI information should be obtained from the PCI Security Council directly or from one of their authorized Assessors.

22 Nov 2007, 2:57 PM
#9
rramirezb avatar

rramirezb

New Zenner

Join Date:
Oct 2007
Posts:
59
Plugin Contributions:
0

Re: Product layout - how to get more spacing ?

Ok.
That was the css code to insert.

Thanks a lot!!!