input.button and mobile question

[insignia]

Hello,

Does anyone know how to find the input class or maybe a list of each button number? For example in the css there is input.button172. Or better yet, if we can change the buttons in the mobile version?

[Jim]

For the 11sp1 version of ShopSite all mobile templates will use the text instead of the image assigned for the particular button. The buttons and text are configured on Preferences > Store Text > and then the individual screen like Shopping cart, Checkout, Customer Registration etc.

(Note: if you find that both the text and image for a button can't be configured independently, then you need to have a patch, which fixes this issue, applied to your store. The patches are in the ftp download area so your host should be able to get them. )

I don't believe there is a table in the help that lists what the number for specific buttons are. You could find out though, but viewing the html source of the backoffice screen where that button is configured. While viewing the html search for either the number (if you know it) or the text or image name for the button and you will see values like these for the "Return to Cart" which is found on the Checkout screen.

Code: Select all

Return to Cart:
</td>
<td class="fv">
<table border=0 cellspacing=0 cellpadding=0>
<tr>
<td><input type=radio name=68ck value=0 >Text:</td>
<td><input type=text name=68str size=40 value="Return To Cart"></td>
</tr>
<tr>
<td><input type=radio name=68ck value=1 checked>Image:</td>
. . .
<input type=text id="t:68img" name="t:68img" size=60 value="buttons/3col-blue/btn-returntocart.png"
. . .

In this case the button number would be 68. So in the template where you use [-- BUTTON ReturnToCart --] the class would be button68. That will also be the value for the checkit function

Code: Select all

<input type=image src="https://blister.shopsite.com/11sp1/shopsite-images/en-EU/buttons/3col-blue/btn-returntocart.png" class="button68" align="bottom" border="0" name="Return To Cart" alt="Return To Cart" title="Return To Cart" tabindex="1" onClick="return(CheckIt(68,0));" >

[insignia]

I'm trying what you've mentioned but cannot the button to go anywhere except "No function was required".

This is the code that I used, <input type="image" border="0" align="bottom" onClick="return(CheckIt(475,0));" tabindex="6" title="Log Out" alt="Log Out" name="Log Out" class="button475" src="..../buttons/log_out.gif"> I also used this code to remove the button image and use just the text <input type="button" border="0" align="bottom" onClick="return(CheckIt(475,0));" tabindex="6" title="Log Out" alt="Log Out" name="Log Out" class="button475" value="Log Out"> (which shows up the way I want).

If I Use the regular [-- BUTTON LogOut --],[-- BUTTON BackToCart --], tag, it only shows the image version on the desktop and text on mobile, which is an <img> tag wrapped in an <a href> tag. With no class id or input, I can't add any style to it.

This button is going inside of the customer registration page on the main view/edit, i'm moving it under payment, next to password since we have a space there. It show's up correctly though.

If you can, please let me know what i'm doing wrong while I continue to try to fix it.

[Jim]

If you are seeing an <img...> tag, is the text field value for the button an actual image tag instead of just text?

[insignia]

On the mobile [-- BUTTON LogOut --] is just text but [-- BUTTON BackToCart --] is a img if i'm understanding correctly.

[Jim]

But what are the settings for these button on Preferences > Store Text > customer registration. Are the text fields configured as straight text or is there an image tag in the text field?

What is the url for your store? What mobile device are you using to access the page?

[insignia]

The settings for all buttons in the back office are set to images. I'm using droid x phone and apple itouch. I just pmed you our url which is on our demo store for testing.

[Jim]

The Log Out button is not a submit to the form it should be an href to the cgi with a parameter to indicate the function logout.
Here is what I see in my store using one of the ShopSite built in templates.

Code: Select all

<p align="center"><a href="https://mydomain.com/cgi-bin/sc/registration.cgi?func=4&amp;storeid=*1ca87ee73046274ed0f617fbb4306968&amp;sbid=SSMSB1320771364.27045">Log Out</a></p>

here is what displays on your customer registration page.

Code: Select all

<input type="submit" border="0" align="bottom" onClick="return(CheckIt(475,0));" tabindex="6" title="Log Out" alt="Log Out" name="Log Out" class="button475" value="Log Out"></td>

So the error message you get, "No function was required", is correct because that form does not contain a function for "Log Out". If you look at all the other submit buttons on that screen the code looks like:

Code: Select all

<input class="button168" type="submit" name=function value="Orders" tabindex="1" onClick="return(CheckIt(168,0));" >

Note that they use "name=function" which you do not have in your statement. I don't know if changing the 'name="Log Out" ' in your statement to "name=function" would make it work or not. If I were you I would just add it an <a href...> as it is in the default ShopSite templates.

[insignia]

Sorry, I must have changed it this morning since I last posted the code for the input. I changed it back and tried different revisions but, it didn't work so went with <a href="[-- SHOPPING_CART_URL Base --]/registration.cgi?func=4&amp;storeid=[-- STORE.Id --]"><input type="button" border="0" align="bottom" tabindex="6" title="Log Out" alt="Log Out" class="button475" value="Log Out"></a>. Thanks again for the help.

The Log Out button is not a submit to the form it should be an href to the cgi with a parameter to indicate the function logout.
Here is what I see in my store using one of the ShopSite built in templates.

Code: Select all

<p align="center"><a href="https://mydomain.com/cgi-bin/sc/registration.cgi?func=4&amp;storeid=*1ca87ee73046274ed0f617fbb4306968&amp;sbid=SSMSB1320771364.27045">Log Out</a></p>

here is what displays on your customer registration page.

Code: Select all

<input type="submit" border="0" align="bottom" onClick="return(CheckIt(475,0));" tabindex="6" title="Log Out" alt="Log Out" name="Log Out" class="button475" value="Log Out"></td>

So the error message you get, "No function was required", is correct because that form does not contain a function for "Log Out". If you look at all the other submit buttons on that screen the code looks like:

Code: Select all

<input class="button168" type="submit" name=function value="Orders" tabindex="1" onClick="return(CheckIt(168,0));" >

Note that they use "name=function" which you do not have in your statement. I don't know if changing the 'name="Log Out" ' in your statement to "name=function" would make it work or not. If I were you I would just add it an <a href...> as it is in the default ShopSite templates.

[Jim]

Ok, the Log Out button is now working but when you click it the sign out confirmation screen isn't working correctly. If I click Yes I get an Error in form message, if I click No it seems to just keep loading the same screen again. So check that form against one of the ShopSite provided templates. (You can get a demo store at http://www.shopsite.com/demo.html#manage choose the Try Managing Al's Tool Store – a ShopSite Pro store so you get a Pro store that is already populated with data)

[insignia]

So I fixed it the way I wanted it to work, and it looks like everything is working fine, but I couldn't recreate the issue you saw on that page. Can you see if it is still happening? Was it on the mobile or pc?

Ok, the Log Out button is now working but when you click it the sign out confirmation screen isn't working correctly. If I click Yes I get an Error in form message, if I click No it seems to just keep loading the same screen again. So check that form against one of the ShopSite provided templates. (You can get a demo store at http://www.shopsite.com/demo.html#manage choose the Try Managing Al's Tool Store – a ShopSite Pro store so you get a Pro store that is already populated with data)

[Jim]

It is still happening on the mobile site. I'm running Android 3.0 on Samsung Galaxy S phone.