Attributes Side by Side

**Miri4413** · 23 May 2008, 01:43 AM

This is my tpl_modules_attributes_2.php

PHP Code:


<?php

/**

 * Module Template

 *

 * Template used to render attribute display/input fields

 *

 * @package templateSystem

 * @copyright Copyright 2003-2005 Zen Cart Development Team

 * @copyright Portions Copyright 2003 osCommerce

 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0

 * @version $Id: tpl_modules_attributes.php 3208 2006-03-19 16:48:57Z birdbrain $

 */

?>



<div id="productAttributes">



<div class="wrapperAttribsOptions">



<table width="100%" cellpadding="0" cellspacing="0"  style="border: 1px solid #003399;">

<tr><td><table width="100%" border="0" cellpadding="5" cellspacing="0" bgcolor="#FFFFFF">

  <tr>

    <td colspan="8" class="leftBoxHeading" id="categoriesHeading2"><strong>Please enter your Rx Information Here</strong> </td>

  </tr>

  <tr>

    <td></td>

    <td><strong> + / - </strong></td>

    <td><strong>Sphere</strong></td>

    <td><strong> + / - </strong></td>

    <td><span class="main"><b>Cylinder</b></span></td>

    <td><span class="main"><strong>Axis</strong></span></td>

    <td><span class="main"><b>Prism</b></span></td>

    <td><span class="main"><b>Add</b></span></td>

    </tr>

  <tr>

    <td><div align="left"> O.D:</div></td>

    <td><?php echo "\n" . $options_menu[0]; ?></td>

    <td><?php echo "\n" . $options_menu[1]; ?> </td>

    <td><?php echo "\n" . $options_menu[2]; ?> </td>

    <td><?php echo "\n" . $options_menu[3]; ?></td>

    <td><?php echo "\n" . $options_menu[4]; ?></td>

    <td><?php echo "\n" . $options_menu[5]; ?></td>

    <td><?php echo "\n" . $options_menu[6]; ?></td>

    </tr>

  <tr>

    <td><div align="left"> O.S:</div></td>

    <td><?php echo "\n" . $options_menu[7]; ?></td>

    <td><?php echo "\n" . $options_menu[8]; ?></td>

    <td><?php echo "\n" . $options_menu[9]; ?></td>

    <td><?php echo "\n" . $options_menu[10]; ?></td>

    <td><?php echo "\n" . $options_menu[11]; ?></td>

    <td><?php echo "\n" . $options_menu[12]; ?></td>

    <td><?php echo "\n" . $options_menu[13]; ?></td>

    </tr>

  <tr>

   

    <td colspan="2"><?php echo $options_name[14]; ?></td> 

    <td colspan="6"><?php echo "\n" . $options_menu[14]; ?></td>

    </tr>

</table>

</td>

</tr>

          <tr>

            <td><table width="100%" border="0" cellpadding="5" cellspacing="0" bgcolor="#FFFFFF">

                

                <tr>

                  <td colspan="4" class="leftBoxHeading" id="categoriesHeading"><strong>Please enter Patient and  Doctor's Information Here</strong> </td>

                </tr>

                <tr>

                  <td><?php echo $options_name[15]; ?></td>

                  <td colspan="3"><?php echo "\n" . $options_menu[15]; ?></td>

                </tr>

                <tr>

                  <td><?php echo $options_name[16]; ?></td>

                  <td colspan="3"><?php echo "\n" . $options_menu[16]; ?></td>

                </tr>

                <tr>

                  <td><?php echo $options_name[17]; ?></td>

                  <td colspan="3"><?php echo "\n" . $options_menu[17]; ?></td>

                </tr>

                <tr>

                  <td><?php echo $options_name[18]; ?></td>

                  <td colspan="3"><?php echo "\n" . $options_menu[18]; ?></td>

                </tr>

                <tr>

                  <td><?php echo $options_name[19]; ?></td>

                  <td colspan="3"><?php echo "\n" . $options_menu[19]; ?></td>

                </tr>

                 

                <tr>

                  <td colspan="4" class="leftBoxHeading" id="categoriesHeading"><strong>Please Choose your Prescription Treatment</strong></td>

            </tr>

                <tr>

                  <td><?php echo $options_name[20]; ?></td>

                  <td colspan="3"><?php echo "\n" . $options_menu[20]; ?></td>

                </tr>

                <tr>

                  <td><?php echo $options_name[21]; ?></td>

                  <td><?php echo "\n" . $options_menu[21]; ?></td>

                  <td><?php echo $options_name[22]; ?></td>

                  <td><?php echo "\n" . $options_menu[22]; ?></td>

                </tr>

                <tr>

                  <td><?php echo $options_name[23]; ?></td>

                  <td><?php echo "\n" . $options_menu[23]; ?></td>

                  <td><?php echo $options_name[24]; ?></td>

                  <td><?php echo "\n" . $options_menu[24]; ?></td>

                </tr>

                <tr>

                  <td><?php echo $options_name[25]; ?></td>

                  <td><?php echo "\n" . $options_menu[25]; ?></td>

                  <td colspan="2">&nbsp;</td>

                </tr>

            </table></td>

          </tr>

        </table>





</div>





</div>

save this in includes\templates\CUSTOM\templates\tpl_modules_attributes_2.php

**Miri4413** · 23 May 2008, 01:57 AM

In the Admin section, look for the Category ID # and sub cat

Use this Categry and sub cat ID# to replace te "1"

if($current_category_id=="1")

in My case 1, 12,13,14 for contact lenses

and 2, 5, 6, 7, 8 for prescription lenses

Use this code in your tpl_product info display.php

PHP Code:


<!--bof Attributes Module -->





<?php  if ($pr_attr->fields['total'] > 0) { ?>





<?php /*** display the product atributes***/



  if($current_category_id=="1")

  require($template->get_template_dir('/tpl_modules_attributes_1.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_attributes_1.php');

  

    if($current_category_id=="12")

  require($template->get_template_dir('/tpl_modules_attributes_1.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_attributes_1.php');

  

    if($current_category_id=="2")

  require($template->get_template_dir('/tpl_modules_attributes_2.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_attributes_2.php');

    

    if($current_category_id=="5")

  require($template->get_template_dir('/tpl_modules_attributes_2.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_attributes_2.php');

  

    if($current_category_id=="6")

  require($template->get_template_dir('/tpl_modules_attributes_2.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_attributes_2.php');

  

   if($current_category_id=="7")

  require($template->get_template_dir('/tpl_modules_attributes_2.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_attributes_2.php');

  

   if($current_category_id=="8")

  require($template->get_template_dir('/tpl_modules_attributes_2.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_attributes_2.php');

  

   

 ?>





<?php  } ?>



<!--eof Attributes Module -->

**eye will** · 24 May 2008, 11:31 PM

That help has been fantastic. As you can see from
http://www.cheapspecsbypost.co.uk/in...&products_id=4
I have cobbled things together. Very much by luck and a little understanding.

How do I manage to get the other lens options from the designerspecsbypost.co.uk site onto your format, also do you know how I can get the box to stay in the main area as it is overrunning to the right. I use firefox as my browser, but I think IE does it aswell. Is it just I have to be careful of the size of the boxes for each attribute.

Will

**fotofx** · 25 May 2008, 02:10 AM

I am also working on a custom attribute page for 1 item. I am working on a page to do pizza toppings. How can I split the $options_menu array so the choices are side by side instead of under each other? I also do not want the description of the option. Something that looks similar to this.

Thanks
Steve

**Miri4413** · 25 May 2008, 05:34 AM

Originally Posted by eye will

That help has been fantastic. As you can see from
http://www.cheapspecsbypost.co.uk/in...&products_id=4
I have cobbled things together. Very much by luck and a little understanding.

How do I manage to get the other lens options from the designerspecsbypost.co.uk site onto your format, also do you know how I can get the box to stay in the main area as it is overrunning to the right. I use firefox as my browser, but I think IE does it aswell. Is it just I have to be careful of the size of the boxes for each attribute.

Will

Hi Eye Will,

I see that we are in the same business, :)
1. -- In your admin area change the sort order in your attributes names
use the ones that i give you here

1 - I require
2 - Lens Options
3 - Tint Options
4 - Coating Options
5 - Right Sphere
6 - Right Cylinder
7 - Right Axis
8 - Right Reading Add
9 - Left Sphere
10 - Left Cylinder
11 -Left Axis
12 - Left Reading Add
13 - Pupillary Distance

2. -- Use this php as your tpl_modules_attributes...

PHP Code:


<?php 

/** 

 * Module Template 

 * 

 * Template used to render attribute display/input fields 

 * 

 * @package templateSystem 

 * @copyright Copyright 2003-2005 Zen Cart Development Team 

 * @copyright Portions Copyright 2003 osCommerce 

 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0 

 * @version $Id: tpl_modules_attributes.php 3208 2006-03-19 16:48:57Z birdbrain $ 

 */ 

?> 



<div id="productAttributes"> 



<div class="wrapperAttribsOptions"> 



<table width="100%" cellpadding="0" cellspacing="0"  style="border: 1px solid #003399;"> 

<tr><td>&nbsp;</td> 

</tr> 

          <tr> 

            <td><table width="100%" border="0" cellpadding="5" cellspacing="0" bgcolor="#FFFFFF"> 

                  

                <tr> 

                  <td colspan="4" class="leftBoxHeading" id="categoriesHeading"><strong>Please Choose your Prescription Treatment</strong></td> 

            </tr> 

                <tr> 

                  <td><?php echo $options_name[0]; ?></td> 

                  <td colspan="3"><?php echo "\n" . $options_menu[0]; ?></td> 

                </tr> 

                <tr> 

                  <td><?php echo $options_name[1]; ?></td> 

                  <td><?php echo "\n" . $options_menu[1]; ?></td> 

                  <td><?php echo $options_name[2]; ?></td> 

                  <td><?php echo "\n" . $options_menu[2]; ?></td> 

                </tr> 

                <tr> 

                  <td><?php echo $options_name[3]; ?></td> 

                  <td><?php echo "\n" . $options_menu[3]; ?></td> 

                  <td>&nbsp; </td> 

                  <td>&nbsp; </td> 

                </tr> 

                <tr> 

                  <td colspan="4"><table width="100%" border="0" cellpadding="5" cellspacing="0" bgcolor="#FFFFFF">

                    <tr>

                      <td colspan="8" class="leftBoxHeading" id="categoriesHeading2"><strong>Please enter your Rx Information Here</strong> </td>

                    </tr>

                    <tr>

                      <td></td>

                      <td>&nbsp;</td>

                      <td><strong>Sphere</strong></td>

                      <td>&nbsp;</td>

                      <td><span class="main"><b>Cylinder</b></span></td>

                      <td><span class="main"><strong>Axis</strong></span></td>

                      <td><span class="main"><b>Add</b></span></td>

                      <td>&nbsp;</td>

                    </tr>

                    <tr>

                      <td><div align="left"> O.D:</div></td>

                      <td>&nbsp;</td>

                      <td><?php echo "\n" . $options_menu[4]; ?> </td>

                      <td>&nbsp;</td>

                      <td><?php echo "\n" . $options_menu[5]; ?></td>

                      <td><?php echo "\n" . $options_menu[6]; ?></td>

                      <td><?php echo "\n" . $options_menu[7]; ?></td>

                      <td>&nbsp;</td>

                    </tr>

                    <tr>

                      <td><div align="left"> O.S:</div></td>

                      <td>&nbsp;</td>

                      <td><?php echo "\n" . $options_menu[9]; ?></td>

                      <td>&nbsp;</td>

                      <td><?php echo "\n" . $options_menu[10]; ?></td>

                      <td><?php echo "\n" . $options_menu[11]; ?></td>

                      <td><?php echo "\n" . $options_menu[12]; ?></td>

                      <td>&nbsp;</td>

                    </tr>

                    <tr>

                      <td colspan="2"><?php echo $options_name[13]; ?></td>

                      <td colspan="6"><?php echo "\n" . $options_menu[13]; ?></td>

                    </tr>

                  </table>  </td> 

                </tr> 

            </table></td> 

          </tr> 

        </table> 





</div> 





</div>

After this I hope you are running

Miri4413

**Miri4413** · 25 May 2008, 05:40 AM

Originally Posted by fotofx

I am also working on a custom attribute page for 1 item. I am working on a page to do pizza toppings. How can I split the $options_menu array so the choices are side by side instead of under each other? I also do not want the description of the option. Something that looks similar to this.

Thanks
Steve

Hi Steve can you send me a link to your page, "Link to your Product" this way I can help you with your tpl_modules_attributes_pizza.php

Miri4413

**fotofx** · 25 May 2008, 05:51 AM

I only have 1 of the attributes displayed but I think you will get the idea.

http://demo1.hostyourcart.com/index....products_id=13

Thanks
Steve

**eye will** · 27 May 2008, 11:32 PM

Thank you for all the help.

I have messed around and managed to get a sort of acceptable layout. Much better than before.
http://www.cheapspecsbypost.co.uk/in...&products_id=4

Do you know how I can center the box in the center of the page, also how I can get the right eye and left eye text to go across the screen instead of down the screen. It seems to default to this. How do I add a space to the left of the lower text as it wants to hug the line on the left hand side. The box also seems to have another half box on the left hand side of it. If I remove the border (i.e. put it to 0px) then there is still this thin line going round the left half of the area?
The page is still very slow due to the number of attributes. Do you know if there is a way to move just the attributes in a backup with out the rest of the database. I use MySQL and I don't seem to be able to find a way to do it. Then I could see if changing the lens powers to a text box, speeds things up. Though customers probably prefer the drop downs as it would reassure them that they are at least putting in an acceptable value.
I have one other problem, When I copy the attributes to another catagory or individual frame this lovely box on the Gucci GG 2955 does not seem to follow?
Any ideas.

Will

**fotofx** · 1 Jun 2008, 06:06 AM

Miri4413 You still there?

**Miri4413** · 2 Jun 2008, 06:37 PM

Hi, yes I'm here but the last week of may and first week of june are the end of school year events for my kids sorry. Working this night

Thread: Attributes Side by Side

Thread Tools

Search Thread

Display

Re: Attributes Side by Side

Re: Attributes Side by Side

Re: Attributes Side by Side

Re: Attributes Side by Side

Re: Attributes Side by Side

Re: Attributes Side by Side

Re: Attributes Side by Side

Re: Attributes Side by Side

Re: Attributes Side by Side

Re: Attributes Side by Side

Similar Threads

All attributes are in a straight line, how to make it display side by side?

Display-only attributes: show side by side?

Display product attributes in two columns (side by side)

Side by side read-only attributes... possible? how?

I need to Show attributes side by side

Posting Permissions