Jump to content

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

Layout On Product Page Rate Topic   - - - - -

 
  • bassmonster
  • Advanced Member
  • Members
  • Join Date: 17-Dec 11
  • 117 posts

Posted 23 April 2015 - 12:54 PM #1

Hello all,
We are using version 4.2.4

i have attached pic of the product layout page. Currently, the top image has too much empty space. The more options we have on the right hand side, the more the tabs/information tab pushes down making the empty space even bigger.

is there a way to change the layout as depicted in the bottom pic?

Attached Thumbnails

  • space.jpg

CSCart version 4.3.2

 
  • CS-Market
  • Senior Member
  • Authorized Reseller
  • Join Date: 06-Mar 13
  • 715 posts

Posted 23 April 2015 - 01:13 PM #2

Hello,

The additional development is required here. Please contact us if you are interested.

Sincerely yours,
CS-Market.

GET A FREE QUOTE  │  CS-Cart add-ons   │   CS-Cart custom development   │  CS-Cart design integration  │  CS-Cart license

Сертифицированный разработчик на CS-Cart Русская Версия. More than 8 years experience in CS-Cart development.


 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 22889 posts

Posted 23 April 2015 - 03:07 PM #3

It is very simple modification. Please open the design\themes\YOUR_THEME\templates\blocks\product_templates\default_template.tpl and remove the following code:

{if $show_product_tabs}
		{include file="views/tabs/components/product_tabs.tpl"}
		{if $blocks.$tabs_block_id.properties.wrapper}
			{include file=$blocks.$tabs_block_id.properties.wrapper content=$smarty.capture.tabsbox_content title=$blocks.$tabs_block_id.description}
		{else}
			{$smarty.capture.tabsbox_content nofilter}
		{/if}
{/if}

Then add:

<div style="width: {$settings.Thumbnails.product_details_thumbnail_width}px; clear: both">
	{if $show_product_tabs}
		{include file="views/tabs/components/product_tabs.tpl"}
		{if $blocks.$tabs_block_id.properties.wrapper}
			{include file=$blocks.$tabs_block_id.properties.wrapper content=$smarty.capture.tabsbox_content title=$blocks.$tabs_block_id.description}
		{else}
			{$smarty.capture.tabsbox_content nofilter}
		{/if}
	{/if}
</div>

after this code:

{hook name="products:image_wrap"}
					{if !$no_images}
						<div class="ty-product-block__img cm-reload-{$product.product_id}" id="product_images_{$product.product_id}_update">
							{assign var="discount_label" value="discount_label_`$obj_prefix``$obj_id`"}
							{$smarty.capture.$discount_label nofilter}
							{include file="views/products/components/product_images.tpl" product=$product show_detailed_link="Y" image_width=$settings.Thumbnails.product_details_thumbnail_width image_height=$settings.Thumbnails.product_details_thumbnail_height}
						<!--product_images_{$product.product_id}_update--></div>
					{/if}
				{/hook}

The code is actual for the responsive theme

GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration | UniTheme and YOUPI
CS-Cart                USD 1210     Multi-Vendor              USD 1250    Multi-Vendor PLUS           USD 3100 (2775)
CS-Cart Ultimate  USD 4025     CS-Cart + YOUPI      USD 1459      Multi-Vendor Ultimate       USD 7500 (6000)


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

Posted 23 April 2015 - 06:46 PM #4

Or you could change the setting for displaying the additional images to fill the space instead of scrolling

4 14.1


 
  • bassmonster
  • Advanced Member
  • Members
  • Join Date: 17-Dec 11
  • 117 posts

Posted 23 April 2015 - 07:31 PM #5

Thank you so much ecomlabs. That worked a treat.

John, where is this setting you mention please just for future reference...
CSCart version 4.3.2

 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 22889 posts

Posted 24 April 2015 - 09:46 AM #6

Thank you so much ecomlabs. That worked a treat.

John, where is this setting you mention please just for future reference...


You are welcome!

I am not sure what John wanted to say, but he meant the Settings -> Appearance -> Display mini thumbnail images as a gallery setting

GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration | UniTheme and YOUPI
CS-Cart                USD 1210     Multi-Vendor              USD 1250    Multi-Vendor PLUS           USD 3100 (2775)
CS-Cart Ultimate  USD 4025     CS-Cart + YOUPI      USD 1459      Multi-Vendor Ultimate       USD 7500 (6000)