Editing product detail page

Good Morning!



I would like to make some modification to out product detail page and am using this link for reference - [url=“http://www.simplewifi.com/hot-spot-antenna-14dbi-omni-directional-with-40ft-lmr400-tncrp.html”]http://www.simplewifi.com/hot-spot-antenna-14dbi-omni-directional-with-40ft-lmr400-tncrp.html[/url]



I'd like to make the main image larger to occupy more of the white space above the product description. I've removed the thumbmail sizes for product thumbnails but nothing has changed.



I'd also like to add the product name above the item number that is displayed in the block immediately to the right of the product image.



Can anybody point me in the right direction?



We're using version 2.0.14.



Thanks!

Try this

styles.css (γραμμή 755)





.product-details-options {





background-color: #FFFFBF;

width: 43%;

}



and



styles.base.css (γραμμή 1210)



.product-details-options {





padding: 14px 27px 13px 34px;

}



and you will get more yellow space occupied for starters.

Now for the Product name I ma almost sure that you are missing a few lines of code.


{$product.product|unescape}

line 20 in blocks/list_templates/details_page.tpl

right before the sku - > {assign var="sku" value="sku_$obj_id"}{$smarty.capture.$sku}

Check it out.

Sorry something went wrong with my previous post.



styles.css (line 755)





.product-details-options {





background-color: #FFFFBF;

width: 42%;

}



and



styles.base.css (line 1210)



.product-details-options {

padding: 14px 27px 13px 34px;

}

I checked the file you mentioned that I need to edit to add the product title and it appears that the code is intact:



{$product.product|unescape}


{assign var="rating" value="rating_`$obj_id`"}{$smarty.capture.$rating}
{assign var="sku" value="sku_$obj_id"}{$smarty.capture.$sku}



I did find product_block.override.tpl in the my changes section. Could that have anything to do with it? I'll keep digging.

Thanks for any additional info you can provide.

hi again.



yea that's it.



you either delete that file that overrides the normal layout and do the changes or you can try to those things on that file itself.



But you should make a back up of that file anyway.



Cheers

How do all the override.tpl files work? I know I did this but it's been so long that I can't recall what I did or how I did it.

they are hooked in to see the main file and the site “merges” or interprets the overriding file 1st. the benefits are they mostly stay in place during upgrade.



John

I think I need to bite this off one piece at a time. First, I'd like to get the product title to appear at the top of the block like it does in the demo.



I could really use some more advice and guidance on what I'm looking for and how to do that.



How do I find what file is overriding the details_page.tpl?

If the code in the details_page.tpl is correct where should I look next? It also looks like there should be a dashed horizontal rule but one isn't rendering.



I can't imagine it being a difficult fix … I just can't figure it out.



Thanks for all the help guys! I'm anxious to get this resolved.

Try going into design>design mode and view the storefront like that, it may lead you down the right path.

Have you checked product data.tpl



John

Thanks John.



I haven't tried that file. Where is it located.

When I click on design mode I have two options (1) enable translation mode and (2) enable customization mode.



Which one should I choose? Also, will the store be visible in design mode to all or just me?

I found the file in the common templates folder. What would I be looking for?



Thanks again. This is strating to grate on me …



Jeff

This is from the view.tpl file



{include file=“blocks/list_templates/simple_list.tpl” product=$product show_sku=true show_rating=true show_old_price=true show_price=true show_list_discount=true show_clean_price=true details_page=true show_discount_label=true show_product_amount=true show_product_options=true hide_form=$smarty.capture.val_hide_form show_qty=true min_qty=true show_edp=true show_add_to_cart=true show_list_buttons=true but_role=“action” capture_buttons=$smarty.capture.val_capture_buttons capture_product_options=$smarty.capture.val_capture_options_vs_qty}



Does that all look good?



I found this link that I thought would be helpful but I don't have this folder skins > your skin > customer > blocks > product_list_templates > products.tpl



http://forum.cs-cart…-be-turned-off/



Some changes were made to simple_list.tpl in December by cs-cart. Could something there be effecting it?

By adding to the following I was able to get the product name to display, but it is shown as a link and isn't in the H1 font like other pages are.







was added to



{include file=“blocks/list_templates/simple_list.tpl” product=$product [color=#FF0000]show_name=true[/color] show_sku=true show_rating=true show_old_price=true show_price=true show_list_discount=true show_clean_price=true details_page=true show_discount_label=true show_product_amount=true show_product_options=true hide_form=$smarty.capture.val_hide_form show_qty=true min_qty=true show_edp=true show_add_to_cart=true show_list_buttons=true but_role=“action” capture_buttons=$smarty.capture.val_capture_buttons capture_product_options=$smarty.capture.val_capture_options_vs_qty}

Hello,
I have a problem with my website. I would like to change the appearance of the product page but I can not figure out how to do it. To understand better, I've attached you pictures.
The first is how it looks now - http://imagizer.imageshack.us/a/img922/3959/JWt36V.png
And how I want to look. - http://imagizer.imageshack.us/a/img922/3769/w6j5Uk.png

Does anyone know how to do it?
Thank you!

Hello!

I would like to show you the product pages of our new themes:

Vanilla theme

Urban Shift Front Pack

You can post your ideas here:

Vanilla Theme - http://forum.cs-cart.com/topic/51131-themes-by-simtech-development-vanilla-theme-2-add-ons/

Urban Shift Front Pack - http://forum.cs-cart.com/topic/51088-themes-by-simtech-development-urban-shift-front-pack-10-add-ons/

Hello!

One more theme by Simtech Development - Airy Mobile Theme. This is a mobile-first theme with a large number of trendy features.

Product page on mobile:

Your customers can easily add product to cart with one click because add to cart button is always under their thumb.

Product page on desktop:

I want to ask a little, how to star in the product list and count the average comment, please help thank you very much!