PeterB Posted March 27, 2022 Share Posted March 27, 2022 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. Link to comment Share on other sites More sharing options...
bsmither Posted March 27, 2022 Share Posted March 27, 2022 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 More sharing options...
PeterB Posted March 28, 2022 Author Share Posted March 28, 2022 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. 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 Link to comment Share on other sites More sharing options...
bsmither Posted March 28, 2022 Share Posted March 28, 2022 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 More sharing options...
PeterB Posted March 28, 2022 Author Share Posted March 28, 2022 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): and... 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 More sharing options...
bsmither Posted March 28, 2022 Share Posted March 28, 2022 May we have a web address to see the layout? Link to comment Share on other sites More sharing options...
PeterB Posted March 28, 2022 Author Share Posted March 28, 2022 Of course - I've changed the content.product.php back to the last working version. The site is not yet released to the public and will be hosted under the main domain. Here you go: https://fashop.oldtimer-exklusiv.com/ Kind regards Peter Link to comment Share on other sites More sharing options...
bsmither Posted March 29, 2022 Share Posted March 29, 2022 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 More sharing options...
PeterB Posted March 29, 2022 Author Share Posted March 29, 2022 Hi bsmither! Thanks for your offer to send a copy of content.product.php as an attachment in a message. I look forward to trying out the solution! kind regards Peter content.product.php Link to comment Share on other sites More sharing options...
bsmither Posted March 29, 2022 Share Posted March 29, 2022 Save a backup copy of the existing file, then replace it with this one. This moves the small image gallery to just under the price (reduces blank space), and moves the product description to show across the width of the View Product's content area. content.product.php Link to comment Share on other sites More sharing options...
PeterB Posted March 29, 2022 Author Share Posted March 29, 2022 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 More sharing options...
PeterB Posted March 30, 2022 Author Share Posted March 30, 2022 Mr. bsmither! All i can say: Awesome! It looks better than I wished! 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 More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.