Category Page Add to Basket jumps

[lesliekirk]

Using the Sebenza Category Template Manager to be able to add products with attributes to the basket. The hidden item is as such:

<input type="hidden" name="Screen" value="CTGY">

When an item is added and the page refreshes, it jumps to the top of the page.

Is there any way to have the page "refresh" back to exactly where the shopper was at on the page before adding the product?

Thanks,
Leslie

[Siamese-Dream.Com]

Re: Category Page Add to Basket jumps

Hmmm...

By default, how does a normal add to basket button on a normal category page work? does it jump to the top of the screen? Or does it reload at the present location?

Because I am pretty sure that in the form input:

<input type="hidden" name="Screen" value="CTGY">

Instead of having value="CTGY" written out, the default template uses the global screen token (sorry, don't remember off the top of my head what the SMT is for that).

So you might try substituting the SMT for the current screen and see if that makes any difference.

[lesliekirk]

Re: Category Page Add to Basket jumps

As a follow up to this, I've been trying to incorporate a sliding mini-basket, which I have been able to do because the site needing it uses a variation of the Category Quick Add layout. What happens when something mid-screen is added to the basket, the screen (CTGY) refreshes/reloads back to the top of the page, instead of where the product was added - the row in the Quick Add.

So since it's the CTGY screen the use of the CTGY token is appropriate, but I'll try the global token to see if that stops the "jump".

FWIW - I have seen the behavior I'd like to duplicate on another cart. I took a peek under the code hood and it looks like it uses a lot of AJAX to make it happen. On the surface it's simply elegant.

[Bruce - PhosphorMedia]

Re: Category Page Add to Basket jumps

Its always going to be the top of the page because the page is being called with the URL created by the form post.

[lesliekirk]

Re: Category Page Add to Basket jumps

Its always going to be the top of the page because the page is being called with the URL created by the form post.

So in essence, the whole "underpinnings" of Miva Merchant would have to be re-written?

[Bruce - PhosphorMedia]

Re: Category Page Add to Basket jumps

whole? no...but that part yes. there might be a way of working with name anchors at the product points...but it would require some testing and fiddling around. I don't know what would happen to additional form post data sent through the ADPR. For example, if you sent a value for Name_Anchor, can you see it on the resulting Category Page after an Add to Basket?

[lesliekirk]

Re: Category Page Add to Basket jumps

Its always going to be the top of the page because the page is being called with the URL created by the form post.

I'm going to resurrect this thread a bit, because I've got a store owner that says the "jump" didn't happen in MM4. Anybody still have an MM4 and this jump doesn't happen?

Leslie

[Rick Wilson]

Re: Category Page Add to Basket jumps

MM4? This is the 5.5 Forum.

[lesliekirk]

Re: Category Page Add to Basket jumps

MM4? This is the 5.5 Forum.

Yes it is, but the question is about a behavior that "used" to exist in MM4 that I'm trying to duplicate in MM5.5.

[Rick Wilson]

Re: Category Page Add to Basket jumps

Oops

[Bruce - PhosphorMedia]

Re: Category Page Add to Basket jumps

Don't worry...sometimes I forget there was even a Version 4.

[lesliekirk]

Re: Category Page Add to Basket jumps

I'm going to bring this up once again, because once again, this has been asked. I'm wondering was this addressed in the new responsive framework? I guess I had better go take a look.

For now, here is a LINK (it could change) to the page I'm working on. The site I was given to look at requires an account to view, so I can't share that here.

Leslie

[KNewbrough]

Re: Category Page Add to Basket jumps

I was able to get this working with simple hash and IDs. I added #saveSpot_&mvt:product:code; to the end of the form action, and added id="saveSpot_&mvt:product:code;" to the product's container on CTGY (and changed the Screen to CTGY). Adding the product to the basket sent me back to that product on the page as expected.

<div class="prodContainer" id="saveSpot_&mvt:product:code;">
...
<form method="post" action="&mvt:global:sessionurl;Screen=CTGY#saveSpot_&mvt:product:code;">
...
</form>
...
</div>

The most elegant solution would be to use AJAX to add the product to the basket without a page transition and then display a happy message to the customer upon success, but as long as you're OK with the caveat of having a hash added to the URL, the above method is much easier.

[Bruce - PhosphorMedia]

Re: Category Page Add to Basket jumps

The easist way is to use anchors and anchor names.

For each product, add name="product_code" to the products link or just stand alone next to it. <a name="product_code">&nbps;</a>

Then, for links, append #product_code to the href, as in &mvt:product:link;#product_code

[kayakbabe]

never mind I saw my answer above. duh! thanks knewbrough