<a name> links halfway down product

[feemish]

with more than one product on a page, the best seller or new product links
page.html#aPRODUCTREF
link you to the product but half way down the product layout.. so it kind of looks like it links you to the next product down... you have to scroll up to see the linked product.

Even moving the

<a name="<actinic:variable name="EncodedProductAnchor" />"></a>

to the top of the Regular Product Summary doesnt make the hyper link take you to the very top of the product...
Anyone know why or how to fix it?

[Mike Hughes]

My 'a name' code is around the H2 for the Product Title and works perfectly using the regular product summary layout.

Can you show a link with the problem?

[feemish]

http://arka.org.uk/acatalog/test/aca....html#aEARW055

username: ...... removed
Password: ...... removed

[feemish]

actually it works better with a direct link line above, if you could have a click on one of the best sellers or latest products.. that show is up more/

[Mike Hughes]

Even that link jumps down after the page loads.

Try putting the closing </a> for the 'a name' after the H2 tags around the title. That way there should be no confusion over the positioning.

It's odd though because my test site has the same 'a name' code as yours and it works fine.

See: http://www.toptackle.co.uk/acatalog/...html#aFPC11410

and even the best sellers work without any problems.

[feemish]

Hi Mike,

Thanks for your interest.
I dont see any H2 tags in the code I ma looking at.
I am looking in Design view, Layout Code : Regular Product Summary.. which is in the Responsive Product List

I see this on line 25;

<p class="product-image set-left"><actinic:variable name="ProductImageLayout" value="Small Product Image" /></p>
	</actinic:block>
	<a name="<actinic:variable name="EncodedProductAnchor" />"></a>

[Mike Hughes]

Sorry, yes. Sellerdeck rather oddly puts the styling for the product title into the variable. Talk about bonkers coding. It's neither in the layout html nor the css.

Anyway, what your code produces on the page is

<a name="aEARW045"></a> <h2>Wooden Earrings&#44; Shell Spirals EARW045</h2>

and I was suggesting you put the closing </a> tag around the H2 tags to see if this would fix the position.

As I edited my post above to say, I have mine just like yours and it works fine so I'm not sure what's causing the problem.

[feemish]

well thanks for looking anyway.

[peblaco]

The <a name> anchor tag works in Firefox browser but not on Chrome browser. Try adding an ID with the encodedproductanchor variable on a H2 tag around the product title in the product layout. ID must be unique but should be since the product references are unique.

[Mike Hughes]

Oddly it does work for me on my site with Chrome.

Will the best seller, etc links still work if you change to using an ID instead of the anchor? or will the link code also need changing?

[feemish]

Hi Louise,

Thansk for this info.
I tried it out, and weirdly the same problem remains.

http://arka.org.uk/acatalog/test/acatalog/index.html

Usernam: ......removed
Password .......removed

Choosing a best seller on the right will link halfway down the product But if you inspect the element you will see I am using the id tag around the Prodcust name as you suggested.

[feemish]

Yes.. its most odd. Thanks for your input though.

I mported my stock via an hierarchical import into a barely edited Smart Responsive theme.. and then noticed the issue.

Its most odd.
Clicking reload on firefox puts the anchor in the right place for a moment, then it jumps up again...
even more weirdly, highlighting the URL then hitting enter puts the anchor in the right place and it stays there!

[feemish]

not working at all well in chrome.

[Mike Hughes]

Have you tried putting the 'A name' tag before the image? I just wonder if the <p> the image is wrapped in is causing the tag to wrap further down the page.

[feemish]

yes I tried that.
I have now reverted Regular Product Summary to factory settings... but its still not working correctly.