Rank: Member
Joined: 2/21/2007(UTC)
Posts: 1,113
|
Has anyone looked at moving the Product Review section? I'm currently using the BV4Inventory Template, and I think the Product Reviews are getting ignored/underused because of the position. The Review section looks like it's not part of the product page, but the overall page since it spans the entire width (below the left column content blocks). I actually had one customer fill out a review thinking it was a STORE review, not for the particular product. If you have a short product description, plus have a lot of information in various columns, the span between the product and reviews is too much. I would like to move it up to just below the Product Description and Add to Cart/Wish List buttons. |
|
|
|
|
|
|
Rank: Member
Joined: 4/28/2003(UTC)
Posts: 141
|
Joe it can be done. Look here and you will see both the Review section and Customers Who Also Purchased section under the add to cart and image section. You have to remember that the BV2004 is using a table section with two columns. I am not a coder and if i can do it you can too. I believe I just used css to make the move and resized everthing to fit the area I was moving it into. Hope this helps. Richard
|
|
|
|
|
|
Rank: Member
Joined: 2/21/2007(UTC)
Posts: 1,113
|
Richard,
That's exactly what I want, but I can't see how to position the Reviews in CSS -- I thought that perhaps it was set to be too wide to fit the product page, but there is no width setting for that element in CSS. |
|
|
|
|
|
|
Rank: Member
Joined: 4/28/2003(UTC)
Posts: 141
|
Joe,
if you open the bv2004 product template and find the below two lines
<uc4:CrossSellDisplay ID="CrossSellDisplay" runat="server" DisplayDescriptions="true"
RepeatColumns="1" RepeatDirection="Vertical" RepeatLayout="Table" DisplayMode="Wide"
DisplayAddToCartButton="true" />
<uc8:SuggestedItems ID="SuggestedItems1" runat="server" />
and move them down right below this line
<uc3:ProductReviewDisplay ID="ProductReviewDisplay2" runat="server" />
They should look something like this when finished.
<uc3:ProductReviewDisplay ID="ProductReviewDisplay2" runat="server" />
<uc8:SuggestedItems ID="SuggestedItems1" runat="server" />
</div>
<uc4:CrossSellDisplay ID="CrossSellDisplay" runat="server" DisplayDescriptions="true"
RepeatColumns="1" RepeatDirection="Vertical" RepeatLayout="Table" DisplayMode="Wide"
DisplayAddToCartButton="true" />
<ucc1:ContentColumnControl ID="PostContentColumn" runat="server" />
The Css that I am using for the Product Reviews is below
/* Product Reviews */
.ProductReviews {width:515px;float:left;padding:10px; margin: 10px 12px 10px 10px; border: 1px solid #eee;}
.ProductReviewLinks { font-size: 90%;padding:6px;text-align:right;}
.ProductReview { margin: 10px; padding: 0pt 0pt 0pt 5px; border-left: 5px solid #eee; }
.ProductReviewKarma { display: block; padding-top: 5px; font-size: 90%; color: #666; }
.ProductReviewRating { background: white none repeat scroll 0% 50%;padding:5px;}
you will have to play with the css to get the color and look you are wanting.
As always Joe make backup copies of the files before you get started.
Richard
|
|
|
|
|
|
Forum Jump
You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.