IPad issues

[AlgellA]

Hi

My bootstrap template works fine on computers, iphone and android. However on an Ipad none of the links work.

Any ideas please?

Thanks

[dbltoe]

Please, help us to help you by always answering the posting tips. I seem to remember you posting your URL somewhere but, you can get a quicker response if we don't have to go trying to find information you already have.

THANX

[AlgellA]

Hi sorry. https://booksense.net

[swguy]

Works on my iPad mini. Not sure what the issue you're having is.

[AlgellA]

Thanks. One member says that none of the links are clickable. Maybe a factory reset?

[swguy]

I'd suggest asking them to view the site through their desktop or laptop instead.

[dbltoe]

Thanks. One member says that none of the links are clickable. Maybe a factory reset?

NO!

Your problem is at least two-fold.

If you have not already, save the includes/templates/YOUR_TEMPLATE/css/dist-site_specific_styles.php as site_specific_styles.php. That's your personal override for the CSS styling of your site. Doing changes there makes them easy to find later when needed.

The file will look like

<?php /*
 * BOOTSTRAP 3.3.0
 *
 * Create a file called "site_specific_styles.php" to contain any changes
 * to base css provided by this template. Place site-specific content
 * between the opening and closing style tags.
 *
 * Refer to https://github.com/lat9/ZCA-Bootstrap-Template/blob/v300/pages/faqs.md for
 * additional information.
 */
?>
<style>
   /* Your content here ... */
</style>

Change it to

<?php /*
 * BOOTSTRAP 3.3.0
 *
 * Create a file called "site_specific_styles.php" to contain any changes
 * to base css provided by this template. Place site-specific content
 * between the opening and closing style tags.
 *
 * Refer to https://github.com/lat9/ZCA-Bootstrap-Template/blob/v300/pages/faqs.md for
 * additional information.
 */
?>
<style>
   div#reve-chat-container-div {display: none;}
</style>

and save it to your site.

That plugin (one of the things we ask about in the posting tips) is what's killing your Home, Wishlist, and Contributions links in the Desktop AND Mobile

Also, included in that add on, is another complete HTML document that is really confusing the browser as to your basic site's link. That's why all the images disappear in the Mobile Version. e.g., without turning off the display, click on Autobiography. You will see that all the items under the Autobiography listing have lost their images. The site does not know where to find them. Maybe we have a new "Little Bo Peep" bug.

When that IS set to display none, you'll see the Autobiography images suddenly appear.

You can leave the setting in the override while your remove the add on from your site. If you really think you need it, it will need to be evaluated/adjusted in test environment. It's really fouling things up as it is.

SECOND Problem: Huge images make the mobile take 21 seconds before the user can navigate. Clicking links in quick succession on the tablet make it appear they are not working when in fact you are actually clicking faster than the browser can keep up.

[AlgellA]

NO!

Your problem is at least two-fold.

If you have not already, save the includes/templates/YOUR_TEMPLATE/css/dist-site_specific_styles.php as site_specific_styles.php. That's your personal override for the CSS styling of your site. Doing changes there makes them easy to find later when needed.

The file will look like

<?php /*
 * BOOTSTRAP 3.3.0
 *
 * Create a file called "site_specific_styles.php" to contain any changes
 * to base css provided by this template. Place site-specific content
 * between the opening and closing style tags.
 *
 * Refer to https://github.com/lat9/ZCA-Bootstrap-Template/blob/v300/pages/faqs.md for
 * additional information.
 */
?>
<style>
   /* Your content here ... */
</style>

Change it to

<?php /*
 * BOOTSTRAP 3.3.0
 *
 * Create a file called "site_specific_styles.php" to contain any changes
 * to base css provided by this template. Place site-specific content
 * between the opening and closing style tags.
 *
 * Refer to https://github.com/lat9/ZCA-Bootstrap-Template/blob/v300/pages/faqs.md for
 * additional information.
 */
?>
<style>
   div#reve-chat-container-div {display: none;}
</style>

and save it to your site.

That plugin (one of the things we ask about in the posting tips) is what's killing your Home, Wishlist, and Contributions links in the Desktop AND Mobile

Also, included in that add on, is another complete HTML document that is really confusing the browser as to your basic site's link. That's why all the images disappear in the Mobile Version. e.g., without turning off the display, click on Autobiography. You will see that all the items under the Autobiography listing have lost their images. The site does not know where to find them. Maybe we have a new "Little Bo Peep" bug.

When that IS set to display none, you'll see the Autobiography images suddenly appear.

You can leave the setting in the override while your remove the add on from your site. If you really think you need it, it will need to be evaluated/adjusted in test environment. It's really fouling things up as it is.

SECOND Problem: Huge images make the mobile take 21 seconds before the user can navigate. Clicking links in quick succession on the tablet make it appear they are not working when in fact you are actually clicking faster than the browser can keep up.

Hi - Thanks/ I will give this a try. In answer to other things you mentioned:

Home, Wishlist, Contributions etc work fine on a computer but just won't become clickable on an IPad.

The categories such as Autobiography have not lost their images - it's just we never used to use category images so we are now slowly adding them.

Thanks once more.

[AlgellA]

Unfortunately that didn't work

[dbltoe]

Navigate to your home page on a desktop. When you hover over Home, Wishlist, and Contributions; you can see the link indications and the links will work.

NOTE: All images for New Books for August are visible.

Click on the Autobiograpy button just under the logoWrapper. When you hover over Home, Wishlist, and Contributions; only Contributions will work. AND, you now have TWO Home links that are not operational. Note also, that the Contributions does not show as a link until the cursor is over the u in Contributions.

NOTE: All images for the Autobiography Category are NOT visible. These are NOT category images. They are an icon made from the product image.

The iFrame that I mentioned (livechat) is the cause of the bookmark link problems on the Autobiography page as it sits on top of what's in the upper left-hand corner of the page. That causes the mouse to not be able to access the first few options in the bookmark menu. Interesting that it also reappears AFTER the </body> tag in the page source.

All those images are showing up in the page source as calling images/pixel_trans.gif. Every product icon for that category shows images/pixel_trans.gif. Each should be unique. Like images/alexandra_hemingsley.gif for the first book. The actual link is https://booksense.net/library_2031/images/Book%20Covers/SomeBodyToLove_AH%20(Custom).jpg. NOTE: (%20) Image names should not have spaces or start with a capital letter. The parentheses could be a problem as well. Check out Images for the Internet at https://docs.zen-cart.com/user/images/images_howto/. Character information is at https://www.mtu.edu/umc/services/web...racters-avoid/

The folder Book Covers should not have a space(%20) either.

SO... You have two major things going on. The livechat and image links

The images are correctly grabbing the product title to form the listing's alt tag and title but is not finding the right image.

Unfortunately, it looks as if you are making corrections in the boorstrap template without having first cloned it. If that were done, it would be easy to swap templates to see if the problem goes away.

Here's what you can do to check out the template.

1. Do a complete backup of your site and ESPECIALLY download the ZCA Bootstrap Colors under the Tools menu in your admin.
2. Load lat9's Clone a Template to your site. Clone the bootstrap template to something like booksense. lat9 has excellent documentation included in the download.
3. (Did I mention a FULL backup?) Reinstall the bootstrap mod overriting the changes you made to the template.
4. Once you have the original version of bootstrap on the site, you can use the Template Selection in the Tools to use the unmodified bootsrap.

If you havve the same errors with the unmodified bootstrap files, the problem is one of your mods.