Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Removing the product image codes

Removing the product image codes

Locked

Views: 1,147

Results 1 to 4 of 4
This thread is locked. New replies are disabled.
25 Apr 2008, 2:56 AM
#1
mollycakes avatar

mollycakes

New Zenner

Join Date:
Apr 2008
Location:
Rhode Island
Posts:
21
Plugin Contributions:
0

Removing the product image codes

This is probably strange but I want to remove the product image and include the image into a table via html. I don't like the way the images look in zencart so I would rather just do this myself with html. Is it possible to remove the code for the image and the view larger link.

Also how would I remove the name of the product at the top of the page and price? I would like the have the price just above the add to cart button. Any idea on how I would move this?

Here is the url so you can see what I am yapping about.
http://mollysoap.com/shop/index.php?main_page=product_info&cPath=1&products_id=1

Here is my non zencart site. This is the look I am trying to achieve. I'd like to try and keep the layout the same but not sure how. Is it possible to move the add to cart button, quantity box and price to sit inside my table?
http://www.mollysoap.com/s_bohemian.htm

25 Apr 2008, 3:42 AM
#2
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Removing the product image codes

You can edit the product info page in /includes/templates/your_template/templates/tpl_product_info_display.php.

The page elements are all marked off by <!--bof xxxx--> and <!--eof xxxx--> comments. You can move whole code blocks to the order you want them to display, and fine-tune the layout in your stylesheet.

You express dissatisfaction with the way your images look in Zen Cart; this is not inherently the system's fault, but probably the way you are using the system. It is capable of rendering perfect images. What pixel sizes of files are you using for the various locations? What sizes are they being displayed at?

25 Apr 2008, 9:29 PM
#3
mollycakes avatar

mollycakes

New Zenner

Join Date:
Apr 2008
Location:
Rhode Island
Posts:
21
Plugin Contributions:
0

Re: Removing the product image codes

Thanks it worked! I moved the products name and price above the cart button but how do I change the alignment of the product name and price to align "right" on the stylesheet. I couldn't find it. I tried adding it as productPrices and productGeneral and neither worked.

27 Apr 2008, 5:21 AM
#4
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Removing the product image codes

You can find every class and id tag that applies to page elements in the "view source" screen; then you can style those in your stylesheet, modifying their properties if they are already there or adding them if not.

The best tool for styling pages is the Firefox Web Developer extension, which you can download free from Mozilla or from https://www.chrispederick.com. The Information > Display Element Information button will show you all kinds of useful info about any element you click on. You can temporarily edit the CSS with the CSS > Edit CSS button and see the results instantly, and then save the edits that you like. Firebug is another Firefox extension that can be very useful for page design.