Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

› WebAssist Forums › PowerStore › Powerstore General / Announcements › ProductLongDesc on Products_Detail.php PS3

ProductLongDesc on Products_Detail.php PS3

Thread began 12/27/2011 5:21 pm by mick106153 | Last modified 1/16/2012 10:29 pm by mick106153 | 2215 views | 5 replies |

12/27/2011 5:21 pm | #1 mick106153

ProductLongDesc on Products_Detail.php PS3

ProductLongDesc on Products_Detail.php in PS3
Using this page as an example…

Products_Detail.php?ProductID=293

I need the ProductLongDesc div to expand into the empty space below the image.
Any ideas?

Mick

12/29/2011 9:54 am | #2 Jason ByrnesWebAssist

on the product_detail.php page, find the following code:

php:

<div class="productDetailWrapper">

      <div class="image">

        <div class="imageWrapper"><img id="ProductImage"  src="imagesupload/<?php echo $row_WADAProducts['ProductImage']; ?>" /></div>

      </div>

      <div class="addToCart">

        <h1 id="WADAPageTitle"><?php echo $row_WADAProducts["ProductName"]; ?></h1>

and change it to:

php:

<div class="productDetailWrapper">

      <div class="addToCart">

        <div class="image">

        <div class="imageWrapper"><img id="ProductImage"  src="imagesupload/<?php echo $row_WADAProducts['ProductImage']; ?>" /></div>

        </div>

        <h1 id="WADAPageTitle"><?php echo $row_WADAProducts["ProductName"]; ?></h1>

then in the css/common.css file, change:

.productDetailWrapper .addToCart {
    background-image: url("../Images/addToCart_bg.png");
    background-position: 50% 100%;
    background-repeat: no-repeat;
    float: right;
    margin-left: 0;
    margin-right: 0;
    min-width: 350px;
    padding: 2px 0 12px 12px;
    width: 370px;
}

to:

.productDetailWrapper .addToCart {
    background-image: url("../Images/addToCart_bg.png");
    background-position: 50% 100%;
    background-repeat: no-repeat;
    float: right;
    margin-left: 0;
    margin-right: 0;
    min-width: 350px;
    padding: 2px 0 12px 12px;
    //width: 370px;
}

12/29/2011 11:09 am | #3 mick106153

You Sir are a genius.

Thank you

Mick

1/16/2012 12:57 pm | #4 mick106153

Jason

I noticed that any product that didn't have enough data to expand into that lower space caused everything to be forced to the right.
I removed width:auto and replaced it with width:725px and everything seems to be displaying correctly now.
Do you foresee any problems with doing what I've done?

Yours

Mick

1/16/2012 2:31 pm | #5 Ray BorduinWebAssist

No, that is a perfectly acceptable solution as far as I can tell.

Did this help? Tips are appreciated...

1/16/2012 10:29 pm | #6 mick106153

Thank you

Mick

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now. Build a store, a gallery, or a web-based email solution.