Product Page layout

Hi,



I really need some step by step help here…



Currently i am using the default skin of version 4.0 of CS-Cart and am okay with it…



However, for the Product Detail page, all the Product Description and other tabs are way down below the page. That means to the right of the product price and name, there are a lot of white space… what I need help is can someone teach me how to “move” the product description and other tabs to this white space on the right? This is a bit like a multiple column for this page…



I really need help and hope to learn more…



Many thanks in advance!





Keith

Trial and error.



design/themes/basic/templates/blocks/product_templates/default_template.tpl or default_long_options_template.tpl



Play around with it until your break it and then “Restore from Repository”.



Once you have it fine-tuned you can use the my_changes overrides to take it live and avoid some upgrade issues.

[quote name='requincreative' timestamp='1387508824' post='173802'] Trial and error. design/themes/basic/templates/blocks/product_templates/default_template.tpl or default_long_options_template.tpl Play around with it until your break it and then “Restore from Repository”. Once you have it fine-tuned you can use the my_changes overrides to take it live and avoid some upgrade issues. [/quote]



Hi Jeremy,



Thanks for replying…



Does any CSS style sheet affect the layout of this Page as well? Besides this template files?





Keith

CSS will control the style of the elements. You can use Google Chrome of Firefox and their “Inspect Element” tools (available through right-clicking) to see the style associated with a particular element. You can even preview proposed changes by double-clicking the style in the style panel and then hitting enter.

screen_shot.gif

You will have to turn on the debugging in the “Design->Template Editor → Development Settings” CSS Debug and Javascript Debug