Guest prashantgeorge Posted January 11, 2006 Share Posted January 11, 2006 how do you modify the appearance of product images in Latest Product in main page to something like what you can see here http://www.7dana.com/demo/cubecart/blue/ i want the products to appear in a box with border and a header showing its name as seen in the link above. You can see my temporary site at http://prashantgeorge.com/donna/ if someone can provide me a tutorial or a basic coding from where i can work on my own i would much appreciate it. I am a beginner with close to 0 knowledge on PHP so it would be great if anyone can provide teh codes and the TPL files to modify... AM USING THE KILLER TEMPLATE Quote Link to comment Share on other sites More sharing options...
Guest Posted January 11, 2006 Share Posted January 11, 2006 It is controlled thru your css file in the skins folder Markscarts offers a great free tutorial on his site for changing your site. Quote Link to comment Share on other sites More sharing options...
Guest estelle Posted January 11, 2006 Share Posted January 11, 2006 Just wanted to say, that skin is coming along very nicely! :dizzy: Quote Link to comment Share on other sites More sharing options...
Guest prashantgeorge Posted January 11, 2006 Share Posted January 11, 2006 I went to markscarts there but it doesnt provide any information as to changing the appearance of products. the css file contain only the Boxcontent style but it doesnt in any way help in the procedure what i want is for each product displayed on the Latest Products to appear i a box with a header as you can see in http://www.7dana.com/demo/cubecart/blue/ Tahnsk for all your help lookign fwd to more suggestion from fellow members Quote Link to comment Share on other sites More sharing options...
Guest estelle Posted January 11, 2006 Share Posted January 11, 2006 I just remembered that Jen has something like this.... Perhaps this is what you're looking for. Quote Link to comment Share on other sites More sharing options...
markscarts Posted January 11, 2006 Share Posted January 11, 2006 This is an extremely simple mod. Open skins/Killer/styleTemplates/content/index.tpl Look between the tags <!-- BEGIN: repeat_prods --> and <!-- END: repeat_prods --> and you will find the information you need. First is the code to display the image, then a break, then the code to display the title. Here is what you must do: 1. Place code for title above the code for image. 2. Enclose the code for the title in a new division <div>, and do the same for the image code. 3. Apply styles to these new divisions - you can either use inline styles, or add new classes to your stylesheet. Here you can set width and height of title bar division as well as background color or image, etc. Same for image holder division. voila Please do not PM me with same questions asked in forum ;) Quote Link to comment Share on other sites More sharing options...
Guest prashantgeorge Posted January 11, 2006 Share Posted January 11, 2006 Thank a Lot you are a genius..... i was able to achieve this in mins after checking your reply http://prashantgeorge.com/donna/ now to look into other matters like i dunno why the product images appear in diff size have to look up a way to make thme all come in the rigth size....... Thank you Once again i very much appreciate it....... Quote Link to comment Share on other sites More sharing options...
markscarts Posted January 11, 2006 Share Posted January 11, 2006 You need to set a static height for those boxes, or you will have other problems as well. Refer to the tutorial on "Latest Products and Subcategory Display Fix" on this page: http://cc3.biz/index.php?act=viewDoc&docId=5 Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.