Need to edit the design of a single Product List page....How?

Hi All

Our website can be found here http://www.thegreatgiftshop.co.uk/

Basically I have a product listing which we are using to just take payment (we have an ebay store as well and need a mechanism to take credit card payments for products bought on eBay, we also use it for particular custom items or bulk orders)

The product listing in question can be found here:-
http://www.thegreatgiftshop.co.uk/index.php?main_page=product_info&cPath=252&products_id=798

I need to edit JUST this product page to do the following:-

• Get rid of image box
• Get rid of title 'Make One-Off Payment' title
• Move the text to the left
• Get rid of 'Units: 0.01' in the Add to card box
• Add a £ sign in front of the quntity box.

We had it set-up as above on our old Website (V3.1.9, think it was a custom template but im not sure, Before my time! and we've now upgraded to 1.5.1). The guy who did it is unavailable and so I got to find out a solution.

I assume the way forward is to copy and rename the product listing template file (tpl_product_info_display.php), make the customizations and re-link it to the stylesheet.css and language files.

It is which files to edit and how to link it all up is what im finding confusing.

Im using the Tb_sempre Template.

Any help on the matter is most welcome!

Regards,

John

Bronco78th:

Hi All

Our website can be found here http://www.thegreatgiftshop.co.uk/

Basically I have a product listing which we are using to just take payment (we have an ebay store as well and need a mechanism to take credit card payments for products bought on eBay, we also use it for particular custom items or bulk orders)

The product listing in question can be found here:-
http://www.thegreatgiftshop.co.uk/index.php?main_page=product_info&cPath=252&products_id=798

I need to edit JUST this product page to do the following:-

• Get rid of image box

• Get rid of title 'Make One-Off Payment' title

• Move the text to the left

• Get rid of 'Units: 0.01' in the Add to card box

• Add a £ sign in front of the quntity box.

We had it set-up as above on our old Website (V3.1.9, think it was a custom template but im not sure, Before my time! and we've now upgraded to 1.5.1). The guy who did it is unavailable and so I got to find out a solution.

I assume the way forward is to copy and rename the product listing template file (tpl_product_info_display.php), make the customizations and re-link it to the stylesheet.css and language files.

It is which files to edit and how to link it all up is what im finding confusing.

Im using the Tb_sempre Template.

Any help on the matter is most welcome!

Regards,

John

You can remove page elements by adding display:none; to the css. Create a page specific css file for the product p_798.css in your css includes/templates/override/css directory.

Thanks,

Anne

Cheers for the Tip Anne,

I don't have a folder called 'override' in my file structure. Do I need to create it?

Includes\templates\tb_sempre*override*\ add new .css

Your override folders are named tb_sempre.

stevesh:

Your override folders are named tb_sempre.

Yes it would be in includes/templates/tb_sempre/css ;)

Thanks,

Anne

Hi guys,

Thanks for the orginal tip, getting quite good at this now but im still having problems:-

http://www.thegreatgiftshop.co.uk/index.php?main_page=product_info&cPath=252&products_id=798

On the above product only I want to chnage -

'Add to Cart:' to a '£'

I also want to Hide the 'Units: 0.01'....im thinking since I don't really wnat to chnage the functionality id just like to turn this text White.

I know for both of these I need to create a unique bit of code as they are hooked up to global changes and need to to split them into a unique change. I just have no idea how to do this.

Any help would be much appreciated!

Regards,

John

Both of those bits of text are undifferentiated parts of the #cartAdd div, and not subject to individual CSS control. You will need to add some code to tpl_product_info_display.php, but just to wrap a <span class="addText"> </span> and <span class="unitsText"> </span> around the code that generate those elements. Then you can use CSS to alter the output for this particular product, without further PHP complications. Post back when you have these elements wrapped and showing the spans in "view source", and we can advise on the correct styling to use.

Hi gjh42,

Thanks for the swift reply.

Unfortunatily by adding the spans its crashing the product pages so im assuming its because im, putting the spans in the wrong place.

Heres the code without the new spans:-

    <!--bof Add to Cart Box -->

     <?php

     if (CUSTOMERS_APPROVAL == 3 and TEXT_LOGIN_FOR_PRICE_BUTTON_REPLACE_SHOWROOM == '') {

       // do nothing

     } else {

     ?>

            <?php
 
         $display_qty = (($flag_show_product_info_in_cart_qty == 1 and $_SESSION['cart']->in_cart($_GET['products_id'])) ? '<p>' . PRODUCTS_ORDER_QTY_TEXT_IN_CART . $_SESSION['cart']->get_quantity($_GET['products_id']) . '</p>' : '');

                 if ($products_qty_box_status == 0 or $products_quantity_order_max== 1) {

                   // hide the quantity box and default to 1

                   $the_button = '<input type="hidden" name="cart_quantity" value="1" />' . zen_draw_hidden_field('products_id', (int)$_GET['products_id']) . zen_image_submit(BUTTON_IMAGE_IN_CART, BUTTON_IN_CART_ALT);

                 } else {

                   // show the quantity box

         $the_button = PRODUCTS_ORDER_QTY_TEXT . '<input type="text" name="cart_quantity" value="' . (zen_get_buy_now_qty($_GET['products_id'])) . '" maxlength="6" size="4" /><br />' . zen_get_products_quantity_min_units_display((int)$_GET['products_id']) . '<br />' . zen_draw_hidden_field('products_id', (int)$_GET['products_id']) . zen_image_submit(BUTTON_IMAGE_IN_CART, BUTTON_IN_CART_ALT);

                 }

         $display_button = zen_get_buy_now_button($_GET['products_id'], $the_button);

       ?>

       <?php if ($display_qty != '' or $display_button != '') { ?>

         <div id="cartAdd">

         <?php

           echo $display_qty;
           echo $display_button;

                 ?>

               </div>

       <?php } // display qty and button ?>

     <?php } // CUSTOMERS_APPROVAL == 3 ?>

     <!--eof Add to Cart Box-->

Where exactly do i need to input these new 2 <span> elements?

Thanks for the help.

Regards,

John

It's going to require accumulating the added HTML into the variables before outputting. I can't look at it right now, but will when I get some time. If anyone else can jump in, please do:)

I've documented a code fragment that will do what you want in this (http://vinosdefrutastropicales.com/blog/?p=97/) blog entry. Please note that it requires a core-file change.

Hey GUys,

Sorry I havent replied, I seem to have problems posting now and again and being unable to type in the form.

Anyway ill will try your idea out lat9 and see where I get to :)

Cheers

John