Jump to content

Modification / division of the product description box - how to do it?


Recommended Posts

Hello folks!

First of all: I am an absolute newbie in PHP, MsQl and especially in the frontend design of Cubecart...

I own some vintage cars and would like to offer them for sale on a nice platform.

For this I have created a website and use Cubecart version 6.1.15 with the Crosshatch design as interface.

I am also quite satisfied with the "success" so far.

But I have a problem that I need help with.

My question:

Is it possible to change the display of the product description so that part of it is to the right of the image (I think this is standard, as I found in menue.php) and part of it appears directly below the thumbnails of the product images?

I have made three pictures of the screen for this purpose.

Thanks in advance for your support.

Peter

PS: Sorry for my bad english - I use a translator.

screen_alvis_desc2.jpg

Link to comment
Share on other sites

I will come up with a code change for the Crosshatch skin, but in the meantime, see:

https://forums.cubecart.com/topic/52184-resolved-improving-layout-of-product-page/

where it references the Mican skin.

Link to comment
Share on other sites

Posted (edited)

Hello bsmither!

Thank you for your quick reply!
Unfortunately, I am a complete zero in coding ...
One information in advance:
I have created the store without basket - only as a catalog.The lines of code in the example you sent for the Mikan skin I have not found.
Only similar (see picture) and there I now lack the understanding of how I could implement the example, or modify it so that it fits for Crosshatch.

 

screen_content_product_php.JPG

As I see it, there is no if query to the Product.description.
And also afterwards I can't find the class description in content.product.php.

(By the way:
In the link you sent to the forum post, your description of the solution is exactly my wish/goal:
"The product description position falls to the lower of the gallery ...:")

Thanks for your effort - it's up to me that I don't know what to do with it ....

Best regards
Peter

Edited by PeterB
Link to comment
Share on other sites

Use a programmer's text editor, not a word processor or website designer type of program, and not Notepad.

In the Crosshatch template content.product.php:

Find near line 140:

		</div>
	</div>
</form>
 {if $CTRL_REVIEW}
<h2 class="tabbed">{$LANG.catalogue.customer_reviews}</h2>

Change it to:

		</div>
	<div class="productDescription">
		 {$PRODUCT.description}
	</div>
<h2><hr></h2>
	</div>
</form>
 {if $CTRL_REVIEW}
<h2 class="tabbed">{$LANG.catalogue.customer_reviews}</h2>

Then, find near line 58:

			<div class="productDescription">
				 {$PRODUCT.description}
			</div>
			 {if is_array($OPTIONS)}

Change to:

{* Hidden		<div class="productDescription">
				 {$PRODUCT.description}
			</div> *}
			 {if is_array($OPTIONS)}

 

Link to comment
Share on other sites

Thanks for the suggested solution!

I made the changes (I use Adobe Dreamweaver as editor), uploaded the file and this is how the result looks (see pictures):

screen_2803_ch_1.JPG.306e2620bf40f3250d80314f7f01f42d.JPG

and...

screen_2803_ch_2.thumb.JPG.5c84af8c13c1b6397f67bcb221f40c2d.JPG

The table from the product description has moved all the way to the right and in exchange the Maillinglist box and the featured product box have disappeared all the way to the bottom left of the page.

But I think the way is right 😉

kind regards
Peter

Link to comment
Share on other sites

In content.product.php, find the following (call this selection A):

			 {if $GALLERY}
			<div id="gallery_select">
				 {foreach from=$GALLERY item=image} <a href="{$image.large}" id="image_{$image.id}" class="colorbox gallery" rel="gallery"><img src="{$image.gallery}" alt="{$LANG.catalogue.click_enlarge}"/></a>
				{/foreach}
			</div>
			<script type="text/javascript">
				var gallery_json	= {$GALLERY_JSON}
			</script>
			 {/if}

Now, find the following (call this selection B):

			<div class="productDescription">
				 {$PRODUCT.description}
			</div>

Now, find the following (call this selection C):

			<div class="price">
				 {if $PRODUCT.ctrl_sale} <span class="price_previous">{$PRODUCT.price}</span>
				<span class="price_sale">{$PRODUCT.sale_price}</span>
				{else} {$PRODUCT.price} {/if}
			</div>


Now, find the following (call this selection D):

	</div>
</form>
 {if $CTRL_REVIEW}
<h2 class="tabbed">{$LANG.catalogue.customer_reviews}</h2>


Put (A) immediately AFTER (C).

Put (B) immediately BEFORE (D).

If you wish, send me a copy of your Crosshatch content.product.php file as an attachment to a private message. I will make the appropriate edits and send it back for you to try.

 

Link to comment
Share on other sites

Fantastic - that sounds good!

I just have to wait a bit: my hoster is migrating all my files to a new server architecture. At the moment nothing really works yet.
I'll get back to you with the result tomorrow at the latest!

Best regards
Peter

Link to comment
Share on other sites

Mr. bsmither!

All i can say:
Awesome!
It looks better than I wished!

perfekt.JPG.69ed8b0132a4828fa8f0063ea4a87adc.JPG

A big thank you for the work and the solution!
Is there any way I can send you a donation?

kind regards
Peter

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...