Page 1 of 2 12 LastLast
Results 1 to 10 of 16
  1. #1
    Join Date
    Aug 2008
    Location
    Sydney Australia
    Posts
    644
    Plugin Contributions
    0

    Default How to align Product Descriptopn box

    Hi All,

    Running version 1.58a on a linux server running PHP Version: 8.1.31

    Template Bootstrap Version 3.7.4

    CKEditor version 5

    Image Handler version 5

    Australia Post Shipping Module V2.5.7a

    I want to be able to have the Product Description box to show below the add to cart across the page and don't know where the page code is located and code to do this. I have image below of how it is showing what it looks like present. Page link: https://www.outdoorking.com.au/brand...03930k-bld5695

    Click image for larger version. 

Name:	screenshot-www.outdoorking.com.au-2025.05.03-09_44_20.jpg 
Views:	197 
Size:	6.7 KB 
ID:	20959

    Any help with code and where to place it would be appreciated.
    Last edited by Bruce1952; 3 May 2025 at 12:57 AM.

  2. #2
    Join Date
    Jan 2015
    Posts
    493
    Plugin Contributions
    0

    Default Re: How to align Product Descriptopn box

    Edit this file
    Path: \includes\templates\your_template\templates\tpl_product_info_display.php


    Find this div

    <div id="productInfo-productDescription" class="productDescription mb-3" inert="true"></div>

    Cut and paste it after the closing tag of this div

    <div id="addToCart-card" class="card mb-3"></div>

  3. #3
    Join Date
    Aug 2008
    Location
    Sydney Australia
    Posts
    644
    Plugin Contributions
    0

    Default Re: How to align Product Descriptopn box

    Quote Originally Posted by chadlly2003 View Post
    Edit this file
    Path: \includes\templates\your_template\templates\tpl_product_info_display.php


    Find this div

    <div id="productInfo-productDescription" class="productDescription mb-3" inert="true"></div>

    Cut and paste it after the closing tag of this div

    <div id="addToCart-card" class="card mb-3"></div>
    That did not appear to work here is what I changed from line 96 to 112:
    </div>
    <!--eof Additional Product Images -->

    <!--bof Product description -->
    <?php
    if ($products_description != '') {
    ?>
    <div id="<?= $html_id_prefix ?>-productDescription" class="productDescription mb-3">
    <?= stripslashes($products_description) ?>
    </div>
    <div id="addToCart-card" class="card mb-3"></div>
    <?php
    }
    ?>
    <!--eof Product description -->

    <?php

  4. #4
    Join Date
    Aug 2007
    Location
    Gijón, Asturias, Spain
    Posts
    2,760
    Plugin Contributions
    30

    Default Re: How to align Product Descriptopn box

    Looks like you have the same point of view as I did/do:
    https://github.com/lat9/ZCA-Bootstra...ate/issues/273
    Steve
    github.com/torvista: BackupMySQL, Structured Data, Multiple Copy-Move-Delete, Google reCaptcha, Image Checker, Spanish Language Pack and more...

  5. #5
    Join Date
    Aug 2008
    Location
    Sydney Australia
    Posts
    644
    Plugin Contributions
    0

    Default Re: How to align Product Descriptopn box

    Quote Originally Posted by torvista View Post
    Looks like you have the same point of view as I did/do:
    https://github.com/lat9/ZCA-Bootstra...ate/issues/273
    Thank but I would like to fix the issue if possible.

  6. #6
    Join Date
    Aug 2007
    Location
    Gijón, Asturias, Spain
    Posts
    2,760
    Plugin Contributions
    30

    Default Re: How to align Product Descriptopn box

    My file is heavily modified, but here's what I did to reduce the space waste.
    Attached Files Attached Files
    Steve
    github.com/torvista: BackupMySQL, Structured Data, Multiple Copy-Move-Delete, Google reCaptcha, Image Checker, Spanish Language Pack and more...

  7. #7
    Join Date
    Aug 2008
    Location
    Sydney Australia
    Posts
    644
    Plugin Contributions
    0

    Default Re: How to align Product Descriptopn box

    Quote Originally Posted by torvista View Post
    My file is heavily modified, but here's what I did to reduce the space waste.
    That file worked by dropping the Product descripton down but it just need to spread the information across the page. Link here: https://dev.outdoorking.com/engines/...t-valve-843751

    I would like it to go across the width of the page if polssible as well.

    Than you very much for the file we are half way to what I am needing. I thought that I was chasing a lost cause for a while.

  8. #8
    Join Date
    Jan 2015
    Posts
    493
    Plugin Contributions
    0

    Default Re: How to align Product Descriptopn box

    Edit this file
    Path: \includes\templates\your_template\templates\tpl_product_info_display.php

    Cut this

    div id="productInfo-productDescription" class="productDescription mb-3" inert="true"></div>


    paste it before this div


    <div id="productInfo-moduleDisplayColLeft" class="col-sm"></div>


    Click image for larger version. 

Name:	Screenshot 2025-05-03 120509.jpg 
Views:	10 
Size:	33.5 KB 
ID:	20961

  9. #9
    Join Date
    Aug 2008
    Location
    Sydney Australia
    Posts
    644
    Plugin Contributions
    0

    Default Re: How to align Product Descriptopn box

    Quote Originally Posted by chadlly2003 View Post
    Edit this file
    Path: \includes\templates\your_template\templates\tpl_product_info_display.php

    Cut this

    div id="productInfo-productDescription" class="productDescription mb-3" inert="true"></div>


    paste it before this div


    <div id="productInfo-moduleDisplayColLeft" class="col-sm"></div>


    Click image for larger version. 

Name:	Screenshot 2025-05-03 120509.jpg 
Views:	10 
Size:	33.5 KB 
ID:	20961
    Is this what you mean. Page code:

    <div class="p-3"></div>
    <?php require $template->get_template_dir('/tpl_modules_additional_images.php', DIR_WS_TEMPLATE, $current_page_base, 'templates') . '/tpl_modules_additional_images.php';
    }
    ?>
    </div>
    <!--eof Additional Product Images -->

    <!--bof Product description -->
    <?php
    if ($products_description != '') {
    ?>
    <div id="productInfo-moduleDisplayColLeft" class="col-sm"></div><div id="<?= $html_id_prefix ?>-productDescription" class="productDescription mb-3">
    <div id="addToCart-card" class="card mb-3"></div>
    <?= stripslashes($products_description) ?>
    </div>
    <?php
    }
    ?>
    <!--eof Product description -->

    <!--bof Reviews button and count-->

  10. #10
    Join Date
    Jan 2015
    Posts
    493
    Plugin Contributions
    0

    Default Re: How to align Product Descriptopn box

    Sorry if i was not clear enough. All you have to do is

    find and cut this

    <!-- bof product desc -->

    <div id="productInfo-productDescription" class="productDescription mb-3" inert="true">
    <p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><figure class="table" style="width:100%;"><table><tbody><tr><td style="background-color:rgb(51, 51, 51);border-color:hsl(0, 0%, 100%);border-style:ridge;text-align:center;"><span style="color:hsl(0,0%,100%);"><strong>Replaces OEM</strong></span></td><td style="background-color:rgb(51, 51, 51);border-color:hsl(0, 0%, 100%);border-style:ridge;text-align:center;"><span style="color:hsl(0,0%,100%);"><strong>Outdoorking Product Description ©</strong></span></td><td style="background-color:rgb(51, 51, 51);border-color:hsl(0, 0%, 100%);border-style:ridge;text-align:center;"><span style="color:hsl(0,0%,100%);"><strong>Dimensions</strong></span></td></tr><tr><td style="background-color:rgb(204, 204, 204);border-color:hsl(0, 0%, 100%);border-style:ridge;"><strong>Honda:</strong> 72511-VL9-B40, L1283-19M-110</td><td style="background-color:rgb(204, 204, 204);border-color:hsl(0, 0%, 100%);border-style:ridge;text-align:center;">Honda Buffalo Blades, Workshop Box of 50 Pairs</td><td style="background-color:rgb(204, 204, 204);border-color:hsl(0, 0%, 100%);border-style:ridge;">Hole Size: (inches) 5/8<br>Hole Size: (mm) 16<br>Length: (in): 4 7/8<br>Length: (mm): 124<br>Width: (inches) 1 3/4<br>Width: (mm) 4</td></tr></tbody></table></figure><p>&nbsp;</p><figure class="table" style="width:100%;"><table class="ck-table-resized"><colgroup><col style="width:71.34%;"><col style="width:28.66%;"></colgroup><tbody><tr><td style="background-color:rgb(51, 51, 51);border-color:hsl(0, 0%, 100%);border-style:ridge;text-align:center;" colspan="2"><span style="color:hsl(0,0%,100%);"><strong>Fits Models</strong></span></td></tr><tr><td style="background-color:rgb(204, 204, 204);border-color:hsl(0, 0%, 100%);border-style:ridge;"><strong>Fits:</strong> Honda Buffalo 19" (483mm) cut rear catcher models 1990 onwards including HRU196K1 Buffalo Classic Catch, HRU196M1 Buffalo Classic Mulch &amp; Catch, HRU197K1 Buffalo Bull Catch, HRU197M1 Buffalo Bull Mulch &amp; Catch, HRU19K1 Buffalo Buck Catch, HRU19M1 Buffalo Buck Mulch &amp; Catch model<br>lawnmowers.<br>&nbsp;</td><td style="background-color:rgb(204, 204, 204);border-color:hsl(0, 0%, 100%);border-style:ridge;"><strong>Australian Made:</strong> Yes<br><strong>Features:</strong> Stepped blades with formed flute &amp; offset bolt hole.<br><strong>Bolt Set:</strong> BBN3619 or BBN5535 (no "D" plates)</td></tr></tbody></table></figure><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p> </div>

    <!-- eof product desc -->

    paste before this


    <div id="productInfo-moduleDisplayColLeft" class="col-sm">
    <div id="ProductNotifications-centerBoxContents" class="card mb-3 text-center">
    <div id="ProductNotifications-centerBoxHeading" class="centerBoxHeading card-header h4">
    Notifications </div>
    <div id="ProductNotifications-card-body" class="card-body p-3 text-center">
    <a href="https://www.outdoorking.com.au/brand-index-generic-and-genuine-a-to-z/ga-bld-parts/honda-4-7-8-blade-19-catch-mower-3010500-742-04404-a03830k-a03930k-bld5695?action=notify" title="Notify me of updates to this product.">
    <img src="includes/templates/template_default/images/box_products_notifications.gif" title="Notify me of updates to this product." alt="(image for) Notify me of updates to this product." width="60" height="60"> <br>
    Notify me of updates to <strong>HONDA 4-7/8" BLADE 19" CATCH MOWER, 72511-VL9-B40, L1283-19M-110, BLD7635</strong> </a>
    </div>
    </div>
    </div>

 

 
Page 1 of 2 12 LastLast

Similar Threads

  1. v151 How to align price and QTY box in product listing??
    By wacamatic in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 14 Feb 2013, 04:35 PM
  2. How to align Product Description to Left?
    By nesum18 in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 31 Dec 2012, 02:38 AM
  3. how to align the product title, price and add to cart box next to the product image?
    By evaky in forum Templates, Stylesheets, Page Layout
    Replies: 8
    Last Post: 5 Mar 2012, 03:31 AM
  4. How to align product images to left?
    By kevinmc3 in forum Templates, Stylesheets, Page Layout
    Replies: 10
    Last Post: 24 Nov 2009, 09:25 AM
  5. How to align text in side category box. Hard to read them.
    By jaylyns in forum Templates, Stylesheets, Page Layout
    Replies: 8
    Last Post: 13 Apr 2008, 11:33 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR