Jump to content

  • You cannot start a new topic
  • You cannot reply to this topic

Editing product detail page Rate Topic   - - - - -

 
  • idpweb
  • Member
  • Members
  • Join Date: 27-Aug 09
  • 91 posts

Posted 24 February 2012 - 10:40 AM #1

Good Morning!

I would like to make some modification to out product detail page and am using this link for reference - http://www.simplewif...r400-tncrp.html

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!

 
  • dvsgr
  • Senior Member
  • Authorized Reseller
  • Join Date: 14-Apr 09
  • 1430 posts

Posted 25 February 2012 - 12:02 AM #2

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.

<h1 class="mainbox-title">{$product.product|unescape}</h1> 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.
Fotis Kourmadas
Cs-Cart Development - Cs-Cart Authorized Reseller 

 
  • dvsgr
  • Senior Member
  • Authorized Reseller
  • Join Date: 14-Apr 09
  • 1430 posts

Posted 25 February 2012 - 12:05 AM #3

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;
}
Fotis Kourmadas
Cs-Cart Development - Cs-Cart Authorized Reseller 

 
  • idpweb
  • Member
  • Members
  • Join Date: 27-Aug 09
  • 91 posts

Posted 25 February 2012 - 12:30 PM #4

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

<div class="product-info">
<h1 class="mainbox-title">{$product.product|unescape}</h1>
{assign var="rating" value="rating_`$obj_id`"}{$smarty.capture.$rating}
{assign var="sku" value="sku_$obj_id"}{$smarty.capture.$sku}
<hr class="dashed" />

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.

 
  • dvsgr
  • Senior Member
  • Authorized Reseller
  • Join Date: 14-Apr 09
  • 1430 posts

Posted 25 February 2012 - 02:47 PM #5

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

Fotis Kourmadas
Cs-Cart Development - Cs-Cart Authorized Reseller 

 
  • idpweb
  • Member
  • Members
  • Join Date: 27-Aug 09
  • 91 posts

Posted 25 February 2012 - 04:02 PM #6

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.

 
  • johnbol1
  • Never Re
  • Members
  • Join Date: 23-Feb 10
  • 4342 posts

Posted 25 February 2012 - 04:44 PM #7

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

Custom printed hi visibility clothing sale the UK's online hivis safety shop
v4.5.2


 
  • idpweb
  • Member
  • Members
  • Join Date: 27-Aug 09
  • 91 posts

Posted 27 February 2012 - 07:43 PM #8

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?

 
  • idpweb
  • Member
  • Members
  • Join Date: 27-Aug 09
  • 91 posts

Posted 27 February 2012 - 11:53 PM #9

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.

 
  • johnbol1
  • Never Re
  • Members
  • Join Date: 23-Feb 10
  • 4342 posts

Posted 28 February 2012 - 12:06 AM #10

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

Custom printed hi visibility clothing sale the UK's online hivis safety shop
v4.5.2


 
  • idpweb
  • Member
  • Members
  • Join Date: 27-Aug 09
  • 91 posts

Posted 28 February 2012 - 12:14 AM #11

Thanks John.

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

 
  • idpweb
  • Member
  • Members
  • Join Date: 27-Aug 09
  • 91 posts

Posted 28 February 2012 - 12:16 AM #12

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?

 
  • idpweb
  • Member
  • Members
  • Join Date: 27-Aug 09
  • 91 posts

Posted 28 February 2012 - 12:17 AM #13

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

 
  • idpweb
  • Member
  • Members
  • Join Date: 27-Aug 09
  • 91 posts

Posted 28 February 2012 - 12:29 AM #14

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?

 
  • idpweb
  • Member
  • Members
  • Join Date: 27-Aug 09
  • 91 posts

Posted 28 February 2012 - 10:14 AM #15

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 show_name=true 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}

 
  • bibicel
  • Newbie
  • Trial users
  • Join Date: 10-May 17
  • 7 posts

Posted 13 May 2017 - 10:25 AM #16

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.imag...3959/JWt36V.png
And how I want to look. - http://imagizer.imag...3769/w6j5Uk.png

Does anyone know how to do it?
Thank you!



 
  • oleg.gorshkov
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 06-Dec 13
  • 2896 posts

Posted 29 January 2018 - 08:28 AM #17

Hello!

 

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

 

Vanilla theme

 

vanilla-theme-product-page.png

 

Urban Shift Front Pack

 

urban-shift-product-page.png


Simtech Development | sales@simtechdev.com | www.simtechdev.com
CERTIFIED CS-CART PARTNER | LICENSES | DEVELOPMENT | ADD-ONS | DESIGN | UPGRADE

Mega SEO Package - All you need for your SEO


 
  • oleg.gorshkov
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 06-Dec 13
  • 2896 posts

Posted 29 January 2018 - 08:31 AM #18

Hello!

 

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

 

Vanilla theme

 

vanilla-theme-product-page.png

 

Urban Shift Front Pack

 

urban-shift-product-page.png

 

You can post your ideas here:

 

Vanilla Theme - http://forum.cs-cart...heme-2-add-ons/

Urban Shift Front Pack - http://forum.cs-cart...ack-10-add-ons/


Simtech Development | sales@simtechdev.com | www.simtechdev.com
CERTIFIED CS-CART PARTNER | LICENSES | DEVELOPMENT | ADD-ONS | DESIGN | UPGRADE

Mega SEO Package - All you need for your SEO


 
  • oleg.gorshkov
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 06-Dec 13
  • 2896 posts

Posted 28 May 2018 - 07:01 AM #19

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:

 

airy-mobile-product-page.png

 

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:

 

airy-product-page.png


Simtech Development | sales@simtechdev.com | www.simtechdev.com
CERTIFIED CS-CART PARTNER | LICENSES | DEVELOPMENT | ADD-ONS | DESIGN | UPGRADE

Mega SEO Package - All you need for your SEO


 
  • sealake100
  • Newbie
  • Trial users
  • Join Date: 28-Dec 16
  • 4 posts

Posted 31 July 2018 - 10:48 AM #20

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