BV Commerce Forum
»
BV Commerce Support
»
General Support
»
SP2 - Main Image - Bumbs down after product choice is selected
Rank: Member
Joined: 12/23/2003(UTC)
Posts: 909
|
After I select a product choice and click anywhere else on the page, the main image bumps down about 10 pixels. It's a little nuisance and I can't put my finger on it. anybody else getting this? attached is a screenshot. Matt@9BallDesign attached the following image(s):  screenshot.gif (55kb) downloaded 64 time(s).You cannot view/download attachments. Try to login or register. |
|
|
|
|
|
|
Rank: Member
Joined: 5/6/2004(UTC)
Posts: 225
|
The product choices permit you to insert a unique picture, like a white shirt, when white is selected, so I suspect either the developers allocated more space, or you may have a different size image in the choice selection. I see the bump with all of my products, as I have different pictures on all of the choices. I will say it is a bit weird, but it is so obvious, that I can't believe that the developer could miss this as a bug, which is why I think it is being done on purpose.
|
|
|
|
|
|
Rank: Member
Joined: 3/8/2007(UTC)
Posts: 139
|
Hey Guys,
Do you have inventory configured on your stores? Also, your site terms for OutOfStock, OutOfStockAllowPurchase, OutOfStockNoPurchase..... are the configured and not blank? I want to make sure that your images are not being moved by our message dialog attempting output a blank message.
Thanks, |
Everett Comstock
BV Software |
|
|
|
|
|
Rank: Member
Joined: 3/3/2006(UTC)
Posts: 1,737
|
I've noticed the same thing. I don't use the URL <edit, meant SKU> re-writting feature (SKU edit upon making choices). I'm sure it's related to that... It's not a problem for me even with Smartview on all of my products, so it's #37 on my list of 'stuff' to figger out.
Maybe a CSS line getting more than it's share of importance.
Only happens in IE6, not FF... |
Optimists invent airplanes,
Pessimists buy parachutes. |
|
|
|
|
|
Rank: Member
Joined: 5/6/2004(UTC)
Posts: 225
|
I have track inventory as being disabled, as I don't use the store for tracking actual inventory. Also the site terms for all that you questioned are defaulted to the text that you placed in them.
|
|
|
|
|
|
Rank: Member
Joined: 3/8/2007(UTC)
Posts: 139
|
Hey Matt,
I can't reproduce this on any of my sites. Can I check out the site you are working on? If it needs to stay confidential, please feel free to open up a support ticket.
Thanks, |
Everett Comstock
BV Software |
|
|
|
|
|
Rank: Member
Joined: 12/23/2003(UTC)
Posts: 909
|
I cleaned up the code, but the only noticeable difference is the amount of whitespace, (I call invisble breaks), in the render HTML Output code: Code:
[b]PRE BUMP[/b]
[b][/b]
<div id="ctl00_MainContentHolder_ValidationSummary1" class="errormessage" style="color:Red;display:none;"></div>
<div id="Anthem_ctl00_MainContentHolder_OutOfStockDisplay1_OutOfStockPanel__"><div id="ctl00_MainContentHolder_OutOfStockDisplay1_OutOfStockPanel" class="outofstockdisplay"></div></div>
<div id="productimage">
<a id="ctl00_MainContentHolder_ProductMainImage1_AdditionalImagesLink" style="cursor:pointer;" onclick="javascript[b][/b][b][/b]:window.[b][/b]open('ZoomImage.aspx?productID=39b7fa57-3a18-4b17-b7cf-2ecbc0d81697','Images','width=700, height=600, menubar=no, scrollbars=yes, resizable=yes, status=no, toolbar=no')">
<span id="Anthem_ctl00_MainContentHolder_ProductMainImage1_imgMain__"><img id="ctl00_MainContentHolder_ProductMainImage1_imgMain" title="20 Pocket Rotating Trade Show Literature Display LD009" src="/Trade-Show-Display-Products/Trade-Show-Literature-Displays/20-Pocket-Rotating-Trade-Show-Literature-Display-LD009.jpg" alt="20 Pocket Rotating Trade Show Literature Display LD009" style="height:200px;width:200px;border-width:0px;" /></span>
</a>
</div>
[b]POST BUMP[/b]
[b][/b]
<div id="ctl00_MainContentHolder_ValidationSummary1" class="errormessage" style="color:Red;display:none;"></div>
<div id="Anthem_ctl00_MainContentHolder_OutOfStockDisplay1_OutOfStockPanel__"><div id="ctl00_MainContentHolder_OutOfStockDisplay1_OutOfStockPanel" class="outofstockdisplay"></div></div>
<div id="productimage">
<a id="ctl00_MainContentHolder_ProductMainImage1_AdditionalImagesLink" style="cursor:pointer;" onclick="javascript[b][/b][b][/b]:window.[b][/b]open('ZoomImage.aspx?productID=39b7fa57-3a18-4b17-b7cf-2ecbc0d81697','Images','width=700, height=600, menubar=no, scrollbars=yes, resizable=yes, status=no, toolbar=no')">
<span id="Anthem_ctl00_MainContentHolder_ProductMainImage1_imgMain__"><img id="ctl00_MainContentHolder_ProductMainImage1_imgMain" title="20 Pocket Rotating Trade Show Literature Display LD009" src="/Trade-Show-Display-Products/Trade-Show-Literature-Displays/20-Pocket-Rotating-Trade-Show-Literature-Display-LD009.jpg" alt="20 Pocket Rotating Trade Show Literature Display LD009" style="height:200px;width:200px;border-width:0px;" /></span>
</a>
</div>
|
|
|
|
|
|
|
Rank: Member
Joined: 3/3/2006(UTC)
Posts: 1,737
|
Everett, Go to my site in IE6 and make a choice on this product: http://www.missionfurnishings.com/Products/Cooperton-Doorbell__MAS528.aspx ODD THING... I get two images dropping. See arrows below. The top "CrossSell" image doesn't move. This happenes in SP2 in IE6, but not FF. MitchA attached the following image(s): Images-bump.jpg (50kb) downloaded 53 time(s).You cannot view/download attachments. Try to login or register. |
Optimists invent airplanes,
Pessimists buy parachutes. |
|
|
|
|
|
Rank: Member
Joined: 5/14/2005(UTC)
Posts: 398
|
something to do with the Out Of Stock Panel
being an empty div with display block... the anthem callback must do something to refresh how it is drawn and the gap you see is equal to the line height.
(test it by adding #Anthem_ctl00_MainContentHolder_OutOfStockDisplay1_OutOfStockPanel__{line-height:1px;})
looks like the other empty error message panels are set to display:none instead of display:block |
|
|
|
|
|
|
Rank: Member
Joined: 4/10/2006(UTC)
Posts: 462
|
Hi Mitch,
On your site, the anthem out of stock display panel is what is causing the movement of at least the big main image on the left side to move.
Not exactly sure why, but in ie (I'm using 7 but going to assume the same for 6 since the problem is identical), the out of stock display does not render a "hold" block best thing I could use to describe that it does not budget empty space for the lack of content. Once you select a choice, the out of stock display is creating whitespace for a message that would normally appear there indicating stock status.
If you are not using the stocking status of bvc, if you simplay remove that anthem panel from your product template your problem will be solved.
Further eamination reveals it is also the cause of the cross-sells respacing themselves. |
Netriplex Corporation<br /> |
|
|
|
|
|
Rank: Member
Joined: 11/5/2003(UTC)
Posts: 2,136
Was thanked: 1 time(s) in 1 post(s)
|
Something is adding a &nbsp; character to the 2 divs above each image that move down. |
|
|
|
|
|
|
Rank: Member
Joined: 12/23/2003(UTC)
Posts: 909
|
No inventory configured, site terms are filled. |
|
|
|
|
|
|
Rank: Member
Joined: 3/3/2006(UTC)
Posts: 1,737
|
Thanks, Andy. I'll poke around on that, maybe tomorrow. Meantime, a site with an 'out of stock' msg (moving stuff on the screen): MitchA attached the following image(s): Inventory-msg.jpg (60kb) downloaded 72 time(s).You cannot view/download attachments. Try to login or register. |
Optimists invent airplanes,
Pessimists buy parachutes. |
|
|
|
|
|
Rank: Member
Joined: 11/5/2003(UTC)
Posts: 2,136
Was thanked: 1 time(s) in 1 post(s)
|
Try this, <OL> * Add Visible="false" to <anthem:Panel ID="OutOfStockPanel"> in Controls\OutOfStockDisplay.ascx. * Change both Me.OutOfStockLiteral.Visible to Me.OutOfStockPanel.Visible in Controls\OutOfStockDisplay.ascx.vb. </OL> |
|
|
|
|
|
|
Rank: Member
Joined: 12/23/2003(UTC)
Posts: 909
|
Works like a charm :)
Thanks andy!! |
|
|
|
|
|
|
Rank: Member
Joined: 3/3/2006(UTC)
Posts: 1,737
|
Thanks Andy, this works ----- well, 50%
Gotta smile though... the main image doesn't move anymore, but the second small image from the top on the right still shifts down about 10px. Really funny how the upper small image stays right where it started.
I'm OK with that, just thought you'd like to know.
Gotta wonder if my 'CrossSells' were lined up across the bottom of the screen, if they would move, or if just the second one from the left would move. |
Optimists invent airplanes,
Pessimists buy parachutes. |
|
|
|
|
|
Rank: Member
Joined: 4/10/2006(UTC)
Posts: 462
|
When looking at your site Mitch with IE Developer Toolbar, what is causing the crossell product to "shift" down is that its container is actually stretched to a bigger height. Something is set somewhere that then causes your cross-sells to space out to fill the entire height of the container.
Take a look with the developer toolbar and you will see what I mean. |
Netriplex Corporation<br /> |
|
|
|
|
|
Rank: Member
Joined: 3/3/2006(UTC)
Posts: 1,737
|
Why does this only happen to the CrossSells below the top one? There must be a space below the "details" bar. This doesn't happen in FF.
I'd like to get rid of that bar... got rid of the pricelabel in Singleproductdisplay. It's really kind of sloppy looking as is. |
Optimists invent airplanes,
Pessimists buy parachutes. |
|
|
|
|
|
Rank: Member
Joined: 11/5/2003(UTC)
Posts: 2,136
Was thanked: 1 time(s) in 1 post(s)
|
Originally Posted by: "MitchA" 
Thanks Andy, this works ----- well, 50%
Gotta smile though... the main image doesn't move anymore, but the second small image from the top on the right still shifts down about 10px. Really funny how the upper small image stays right where it started.
I'm OK with that, just thought you'd like to know.
Gotta wonder if my 'CrossSells' were lined up across the bottom of the screen, if they would move, or if just the second one from the left would move.
Only the second one is moving because the extra content is being added at the bottom of each product. If you put some HTML content below the cross-sells you would see the extra content added to both. The extra content is space for a "added to cart" confirmation message. The message is displayed below the Add to Cart button if you use Ajax callbacks to add the item to the cart and do not redirect to the cart (i.e. your customer stays on the same page after adding an item to the cart). Since you do not display the an Add To Cart button on your cross-sells, and you do not use Ajax callbacks to add the item to the cart, and you do redirect to the cart, you can completely hide the "added to cart" confirmation message. Try changing (or adding) display:none to the "SingleProductDisplayAddedToCart" CSS class. Or add style="display:none" to the <div class="SingleProductDisplayAddedToCart"> tag at the bottom of BVModules\Controls\SingleProductDisplay.ascx. |
|
|
|
|
|
|
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.