MonsterSmallBusiness Forums > Product Page Layout Help

creativeimpact

Nov 9 2005, 08:52 AM

Hey people

Hope everyone is well and business is good.

I am working on a site for a client, but they dont have the APD on the site, so i am using the html section of the product page to try and JAZZ up there site until the APD is released.

However i can add the Buy button to the design, but hit a snag, they use Variants and these to my knowledge dont get included when a buyer clicks the custom buy button.

Anyone know how i can do this so the info is included? Or does anyone know how i could have a button that says click to buy and then it takes you to where the normal buy button displays to save the customer scrolling back up|

Any help would be very helpful

OH MY THATS AWFUL ENGLISH!

Back to school for me

Brad

Nov 9 2005, 12:24 PM

Hi Simon -

One possible workaround would be to use anchors to make it so that clicking the custom Buy button shows the customer the portion of the page where the cart-generated buy button is displayed. To do this, you could edit the name of the product to be something like:

CODE

<a name="anchor">Product Name</a>

.... then define your custom buy button to link as follows:

CODE

... then clicking on the custom Buy button will just show the customer what is further up on the screen. I suggested building the anchor into the product name field because that field is the closest to the cart-generated buy button that allows you to include HTML.

Hope this helps!

Brad

creativeimpact

Nov 9 2005, 12:56 PM

QUOTE(brad @ Nov 9 2005, 07:25 PM)

Hi Simon -

One possible workaround would be to use anchors to make it so that clicking the custom Buy button shows the customer the portion of the page where the cart-generated buy button is displayed. To do this, you could edit the name of the product to be something like:

CODE

<a name="anchor">Product Name</a>

.... then define your custom buy button to link as follows:

CODE

... then clicking on the custom Buy button will just show the customer what is further up on the screen. I suggested building the anchor into the product name field because that field is the closest to the cart-generated buy button that allows you to include HTML.

Hope this helps!

Brad
[right][snapback]96043[/snapback][/right]

Thanks Brad

Thats what i was looking for, the only problem is the product name on the browser window displays ]<a name="anchor">Product Name</a>.

Any ideas?

I also get this when the search reasults " class="sitewidelinks" href="index.asp?PageAction=VIEWPROD&ProdID=483771">

Brad

Nov 9 2005, 01:36 PM

Hi Simon -

I hadn't thought of that, but I do see the same thing in the title bar for the product I tried this on. The title bar of a product page will display exactly what is entered in the Product Name field, so I don't believe there will be a way around that.

QUOTE

I also get this when the search reasults " class="sitewidelinks" href="index.asp?PageAction=VIEWPROD&ProdID=483771">

I'm not exactly sure what you mean by this... could you walk me through the steps I need to take to see this?

The only other thought I had would be to add an anchor into the site's top of page HTML and link the custom Buy button to it. This would work just as well as the other method I suggested, as long as the Buy button appears above the fold on the page. If it's below the fold it would almost do the trick, but the visitor would have to scroll down just a bit on the page in order to see the cart-generated buy button.

Let me know what you think!

Brad

creativeimpact

Nov 9 2005, 01:41 PM

QUOTE(brad @ Nov 9 2005, 08:37 PM)

Hi Simon -

I hadn't thought of that, but I do see the same thing in the title bar for the product I tried this on. The title bar of a product page will display exactly what is entered in the Product Name field, so I don't believe there will be a way around that.

QUOTE

I also get this when the search reasults " class="sitewidelinks" href="index.asp?PageAction=VIEWPROD&ProdID=483771">

I'm not exactly sure what you mean by this... could you walk me through the steps I need to take to see this?

The only other thought I had would be to add an anchor into the site's top of page HTML and link the custom Buy button to it. This would work just as well as the other method I suggested, as long as the Buy button appears above the fold on the page. If it's below the fold it would almost do the trick, but the visitor would have to scroll down just a bit on the page in order to see the cart-generated buy button.

Let me know what you think!

Brad
[right][snapback]96055[/snapback][/right]

Hi Brand

If you do a search on my site for girl on a motorcycle, youll see what i mean.

How would the anchor work if i added it to top of page html? Would i simply add it to lets say an image can that work?

Brad

Nov 9 2005, 01:55 PM

Hmm... I see what you're referring to now. It looks like this happens when you have the products set to display in a single column AND have this HTML in place in the product name. I was able to recreate the same problem on my test site but only if the products are displayed in a single column... if I increase that to 2 or 3 the search results look as they should.

For my other suggestion, if you were to add the anchor to the top of page HTML... you wouldn't necessarily have to define the anchor around some other element, such as an image or link. You should be able to do it by just adding something like this to the top of page HTML:

CODE

creativeimpact

Nov 9 2005, 02:10 PM

QUOTE(brad @ Nov 9 2005, 08:56 PM)

Hmm... I see what you're referring to now. It looks like this happens when you have the products set to display in a single column AND have this HTML in place in the product name. I was able to recreate the same problem on my test site but only if the products are displayed in a single column... if I increase that to 2 or 3 the search results look as they should.

For my other suggestion, if you were to add the anchor to the top of page HTML... you wouldn't necessarily have to define the anchor around some other element, such as an image or link. You should be able to do it by just adding something like this to the top of page HTML:

CODE

[right][snapback]96059[/snapback][/right]

Thanks Brad that should do the trick