Forum Support

Shape 5
April 18, 2024, 09:57:53 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Touch Device Image in Fitness Center Template  (Read 439 times)
rudolfsen
Jr. Member
**
Offline Offline

Posts: 3



« on: September 15, 2015, 12:00:17 PM »

Is it possible to create a Touch Device Image for Ipad, Iphone or whatever tablet for use in Joomla 3.4.4 using the template Fitness Center? Some other templates have a specific upload for this in the template admin area . More specific I mean the picture that will be showed on ex. the I-phone dashboard. How big?  Where to put it?  Any coding needed?
Hope for a answer.
Olaf
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #1 on: September 16, 2015, 07:35:08 AM »

Hello,

I don't know what you are referring to. The images that show on your phone itself for a shortcut are not controlled by a template, that's controlled by the device.
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
rudolfsen
Jr. Member
**
Offline Offline

Posts: 3



« Reply #2 on: September 24, 2015, 10:58:09 AM »

I am maybe not to professional, but here is something I am trying my best to find out. I will explain my issue and hope my best that someone will guide me or give me advice. So here is the issue about my Fitness Center Template using joomla 3.4.4.
EXAMPLE: 
I am using Iphone 5 and Ipad, going into my website (rudolfsen.com), adding the website to my Iphone`s home screen. With many joomla templates you simply go into administrator/template and add  different types of favicon.ico (16px - 16px) - favicon for mobilephone (57px - 57px)  favicon for tablet (72px - 72 px) (114px - 114 px) (144px - 144 px).  All accept favicon.ico is .png format. Then it normally pop up this perfect symbol (company logo or whatever on my iphone screen.

With this template the popup/symbol/picture/favicon that show up on my Iphone/Ipad screen is just a mix/mess of the website. Like a screenshot.

Can anybody guide advice how I can add / change this in my website?

Its not important for me if this is a template or joomla issue. I just need this "symbol" to show up nice on my Iphone/Ipad. Maybe I need toy do some change inside one or more files. So its okay for me.  Any good advice?

If you have problem to understand my question, simply just add a Fitness Center Template Website into a Iphone home screen and you will understand.

Thanks for any advice
« Last Edit: September 24, 2015, 11:01:36 AM by rudolfsen » Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #3 on: September 25, 2015, 07:38:17 AM »

Hello,

I've never come across a template that allows you to upload multiple sized favicons before. All the ones I have ever seen are for the standard 16px x 16px which shows on the browser tabs.

It looks like it's something you can add, but we don't provide support on this as it's not part of our core product.

This site here lists several options for Apple products:

http://stackoverflow.com/questions/19029342/favicons-best-practices

You would just enter these in the template's index.php file right the call for:

require_once("vertex/includes/vertex_includes_header.php");


<!-- non-retina iPhone pre iOS 7 -->
<link rel="apple-touch-icon" href="icon57.png" sizes="57x57">
<!-- non-retina iPad pre iOS 7 -->
<link rel="apple-touch-icon" href="icon72.png" sizes="72x72">
<!-- non-retina iPad iOS 7 -->
<link rel="apple-touch-icon" href="icon76.png" sizes="76x76">
<!-- retina iPhone pre iOS 7 -->
<link rel="apple-touch-icon" href="icon114.png" sizes="114x114">
<!-- retina iPhone iOS 7 -->
<link rel="apple-touch-icon" href="icon120.png" sizes="120x120">
<!-- retina iPad pre iOS 7 -->
<link rel="apple-touch-icon" href="icon144.png" sizes="144x144">
<!-- retina iPad iOS 7 -->
<link rel="apple-touch-icon" href="icon152.png" sizes="152x152">
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.