mobile

Hi, is not working properly the mobile section despublico what, nothing happens and then when I use it and put the menu does not work

http://chilehealthcare.cl/

http://quirktools.com/screenfly/#u=http ... 0&a=33&p=1


thanks!

Hi

Mobilr template is completly different from the desktop one. Module positions are different, so You need to prepare modules for that as well. You can use "mobile_top" and "mobile_bottom" only. If You want to show components on home page, You need to configure it to show some articles. It's set to zero by default.

Do you have a tutorial to see?


Is it possible to do that?

Hi

Yes that's possible. I would suggest to add GK Tabs module into mobile_top and than use tabs to display modules. This way You will have parts revealed after clicking the tab. Unfortunately there is no tutorial for that since it's a vary old template. Newest templates are using responsive design so same module positions can be used in any device.

do not quite understand as to occupy the mobile module, which would have put, because I'm already using, but does not work, is not

Hi

I'm not sure if this is the cause, but please edit all files in /layout/blocks/mobile/ folder and remove this lines of code:

Code: Select all

    GKParser::$customRules['/<script type="text\/javascript">(.*?)<\/script>/mis'] = '';
    GKParser::$customRules['/<script type="text\/javascript" src="(.*?)media\/system\/js(.*?)"><\/script>/mi'] = '';


Hi, inside the folder css / mobile

I have 3 css

android.css
handheld.css
iphone.css

which one?

Hi

I'm not sure if this is the cause, but please edit all files in /layout/blocks/mobile/ folder and remove this lines of code:

Code: Select all

    GKParser::$customRules['/<script type="text\/javascript">(.*?)<\/script>/mis'] = '';
    GKParser::$customRules['/<script type="text\/javascript" src="(.*?)media\/system\/js(.*?)"><\/script>/mi'] = '';


All of them

I can not find those lines anywhere

Code: Select all

/*
#------------------------------------------------------------------------
# music - November 2011 template (for Joomla 1.6/1.7)
#
# Copyright (C) 2007-2011 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: [email protected]
*/
/* simple css reset */
* { margin: 0; padding: 0; }
/* basic rules */
body { -webkit-text-size-adjust:none; font-family:Helvetica, Arial, Verdana, sans-serif; margin: 0; padding: 0; }
img { max-width:100%; height:auto; }
a { text-decoration: none; }
h1,
h2,
h3,
h4,
h5 { margin: 10px 0; }
h1 { margin-left: 10px; }
/* interface rules */
#gk-btn-nav-prev,
#gk-btn-nav-close { display: none; } /* hide prev and close buttons */
div#gkTranslations { display: none; } /* hide translations block */
#gkNav ul ul { display: none; } /* hide all second level and higher in menu */
/*blocks*/
#gkHeader.cssLogo { background:transparent url('../../images/mobile/header_logo.png') no-repeat center center; margin: 0 0 0 20px; padding: 0px; }
#gkHeader.cssLogo > a { display: block; width: 100%; text-indent: -999em; }
#gkHeader > a { display: block; width: 100%;}
#gkTopWrap { }
#gkNav { height: 38px; line-height: 36px; }
#gkNavContent { padding: 0 10px; }
#gkMenuContent { -webkit-box-shadow: 0 5px 15px #555; display: none; position: absolute; width: 100%; z-index: 1000; }
#gkMenuContent ul li { height: 40px; line-height: 40px; padding: 0 10px; }
#gkMenuContent ul li a { height: 40px; line-height: 40px; display: block; font-size: 14px; font-weight: bold; text-decoration: none; }
#gkMenuContent ul li a.haschild { background: transparent url('../../images/mobile/menu_arrow.png') no-repeat right center; }
#gkSearch { padding: 10px; display:none; }
#gkMain { clear: both; padding: 5px 15px; }
#gkMain p ul { padding-left: 20px; }
#gk-btn-login,
#gk-btn-register,
#gk-btn-switch { width: 26px; padding: 0; text-indent: -999em; float: right; margin: 13px 7px 0 0; }
#gk-btn-login span,
#gk-btn-register span,
#gk-btn-switch span { display: block; width: 26px; height: 20px; }
#gk-btn-login span { background: transparent url('../../images/mobile/btn_login.png') no-repeat center center; }
#gk-btn-register span { background: transparent url('../../images/mobile/btn_register.png') no-repeat center center; }
#gk-btn-switch span { background: transparent url('../../images/mobile/btn_switch.png') no-repeat center center; }
/* buttons and other form elements */
button,
.button,
input[type=button],
input[type=submit] { border: none; background:#7b9ef8; color: #fff; height: 26px; line-height: 26px; font-size: 12px; font-weight: bold; padding: 0 10px; -webkit-border-radius: 5px; }
#gk-btn-nav-prev span { height: 26px; line-height: 26px; display:block; padding: 0 0 0 20px; background: transparent url('../../images/mobile/btn_prev.png') no-repeat left center; }
.login label { min-width: 95px; display:block; float:left; clear:both; line-height:24px; }
#gk-btn-nav-close { float: right; margin-top: 5px; margin-left: 4px; }
a.button { display: inline-block; text-decoration: none; }
input { height: 24px; line-height: 24px; -webkit-border-radius: 5px; }
input#mod-search-searchword { margin-left: 1%; background: #fff url('../../images/mobile/search.png') no-repeat 2px center; width: 98%; text-indent: 20px; height: 32px }
#gkSearch input[type=submit] { position: relative; top: 1px; }
/* items */
.gkCollapsible + .gkFeaturedItem { display: none; } /* hide collapsible blocks */
.gkCollapsible { padding:0 0 0 10px; height: 40px; line-height:40px; -webkit-border-radius: 2px; margin: 5px -10px 0 -10px; position:relative; }
.gkCollapsible a { text-decoration:none; }
.item-page p.article-info,
.gkFeaturedItem p.article-info { margin: 0 -5px; -webkit-border-radius: 0 0 5px 5px; line-height: 1.4; font-size: 11px; padding: 5px 10px; }
.item-page p.article-info > span,
.gkFeaturedItem p.article-info > span { display: block; }
.gkFraturedItemContent { padding: 10px -5px; }
.gkFraturedItemContent ul { padding-left: 20px; }
.gkFeaturedItemTitle { padding:0; height: 40px; line-height:40px; margin: 5px 5px 0 5px; }
.gkFeaturedItemTitle a { text-decoration:none; }
.item-page p.article-info,
.gkFeaturedItemTitle + .gkFeaturedItem p.article-info { -webkit-border-radius: 5px; }
.gkFeaturedItemInfo { margin: 0 5px; line-height: 1.4; font-size: 11px; padding: 5px 0; clear: both; }
.gkFeaturedItemInfo > span { display: block; }
.gkToggle.hide,
.gkToggle.show { width: 24px; height: 24px; display: block; margin: 8px 8px 0 0; float: right; text-indent: -999em; position: absolute; z-index: 1; right: 0; top: 0;}
.gkToggle.hide { background: transparent url('../../images/mobile/btn_hide.png') no-repeat center center; }
.gkToggle.show { background: transparent url('../../images/mobile/btn_show.png') no-repeat center center; }
/* footer */
#gkFooter { line-height: 1.3; font-size: 10px; margin: 25px 5px; padding: 8px; overflow: hidden; text-align: center }
#gkOptions { text-align: center; }
/* form elements */
fieldset{ border: none!important; }
fieldset > div { padding: 5px 0; }
fieldset legend { font-size: 120%; font-weight: bold; padding:10px 0; }
fieldset dl { font-size: 11px; }
fieldset dt { float: left; clear: both; }
fieldset dd { float: left; margin-left: 10px; font-weight: bold; }
/* register form, profile edit, remind, reset */
.profile-edit dl,
.remind dl,
.reset dl,
#member-registration dl { font-size: 12px; }
.profile-edit dd,
.remind dd,
.reset dd,
#member-registration dd { clear: both; margin-bottom: 5px; margin-left: 0; }
/* search */
.search-results dt { font-size: 12px; font-weight:bold; margin-top: 10px; padding-top: 5px; }
.search-results dd { font-size: 10px; }
.searchintro { font-size: 11px; text-align:center; }
fieldset.only input,
.phrases-box input{ clear: both; display:block; float:left; }
fieldset.only label,
.phrases-box label { height: 24px; line-height:24px; text-indent: 10px; display: block; }
.form-limit { margin: 5px 0; }
p.counter { text-align:center; font-weight:bold; padding:5px 0; }
/* error messages */
#system-message dt { display: none; }
#system-message dd { padding: 10px; margin: 5px 0; -webkit-border-radius: 5px; list-style-type: none; }
#system-message dd.error { padding: 10px; margin: 5px 0; -webkit-border-radius: 5px; list-style-type: none; }
#system-message ul { list-style-type: none; }
#system-message ul li { padding-left: 0; }
/* pagination */
.pagination { padding: 10px 0; overflow: hidden; text-align:center; }
.pagination ul { display: inline-block; }
.pagination li { float: left; margin-left:3px; -webkit-border-radius: 2px; list-style-type: none!important; padding:0; }
.pagination li a,
.pagination li span { display: block; height: 24px; line-height: 24px; min-width: 20px; padding: 0 5px; text-align:center; }
/* article */
.item-page p { margin: 10px 0; }
.item-page img { margin-left:-2px; }
.item-page ul li { padding-left: 10px; list-style-type: disc; list-style-position:inside; line-height:1.5; }
ul.pagenav { clear: both; overflow: hidden; padding: 10px 0; }
ul.pagenav li { padding: 0; list-style-type: none; }
.pagenav-prev { float: left; }
.pagenav-next { float: right; }
.pagenavcounter { font-size: 90%; font-style:italic; }
/* categories */
.items-more ol li { list-style-type: disc; padding-left: 10px; list-style-position:inside; }
/* categories list */
.categories-list dl dt { float: left; }
.categories-list dl dd { font-weight: bold; }
.categories-list .item-title { font-size: 110%; font-weight: bold; }
.categories-list ul li { margin: 10px 20px; list-style-type: none; }
.categories-list > ul > li { margin-left: 0; }
.categories-list .category-desc img { float: left; }
/* tables */
table { border-collapse:collapse; margin: 10px 0; width: 100%; }
th { line-height:30px; height:30px; border:0;font-size: 13px }
td { padding: 3px; font-size:11px; }
th.item-phone { }
/* contact */
.jicons-icons { display: none; }
#contact-slider .pane-slider { margin-top: 10px; }
#contact-slider .pane-toggler { margin-top: 10px; }
#contact-slider label { display: block; font-size: 90%; }
#contact-slider label[for=contact-email-copy] { display:inline; font-size:90%;}
/*
 *
 * BASIC VARIABLES
 *
 */
#gkHeader { height: 70px; width: 138px; float: left; margin: 0 0 0 10px} /* logo size */
#gkTopWrap { height: 84px; }
#gkHeader img {margin: 10px}
#gkMenuContent { top: 112px; } /* margin = gkHeader height + gkNavContent height */
/*
 *
 * COLORS
 *
 */
body{ background:#f6f6f6; }
body { font-size: 14px; margin:0; padding:0; font-family:Arial,Verdana,sans-serif; color: #666; }
a { color: #fc764a; } /* links color */
h1,
h2,
h3,
h4,
h5 { color: #222; }
h1 { font-size: 120%; }
h2 { font-size: 100%; }
/* headers color */
#gkTopWrap { background: #fff url('../../images/style1/colorbar.png') repeat-x center top; padding-bottom: 6px; height: 64px; } /* header background color */
#gkNav { background: #fff; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; } /* menu  */
#gk-btn-search,
#gk-btn-menu { padding: 10px 9px 10px 2px; margin-right: 2px; color: #444; font: bold 13px Arial, Helvetica, sans-serif; text-transform: uppercase; border-right: 1px solid #ddd; }
#gkMenuContent { -webkit-box-shadow: 0 5px 15px #555; } /* box-shadow for menu */
#gkMenuContent ul { background: #fff; }
#gkMenuContent ul li:first-child { border-top: 1px solid #eee; } /* border in menu */
#gkMenuContent ul li { border-bottom: 1px solid #eee; } /* border in menu */
#gkMenuContent ul li a { color: #656565; } /* menu item text color */
button,
.button,
input[type=button],
input[type=submit] { color: #fff; background: #7b9ef8; } /* color of the text in buttons */
input { border: 1px solid #ccc; } /* border around input fields */
input#mod-search-searchword { background: #fff url('../../images/mobile/search.png') no-repeat 2px center; } /* search field */
.gkCollapsible { border: 1px solid #f0f0f0; background: #fbfbfb; } /* title block */
.gkCollapsible a { } /* text color in the title block */
.item-page p.article-info,
.gkFeaturedItem p.article-info { background: #fbfbfb; border: 1px solid #eee; border-top: none; color: #656565; } /* article info block */
.gkFeaturedItemTitle a { color: #656565; } /* title color */
.gkFeaturedItemInfo { border-top: 1px solid #eee; color: #656565; } /* info block */
#gkFooter { border-top: 1px solid #eee; } /* footer */
.search-results dt { border-top: 1px solid #eee; } /* label in search results */
#system-message dd { border: 1px solid #ddd; background: #f5f5f5; color: #888; } /* normal message */
#system-message dd.error { border: 1px solid #a00; background: #fee; color: #d00; } /* error message */
.pagination { border-top: 1px solid #eee; } /* pagination styles */
.pagination li { background: #fbfbfb; }
.item-page img { border: 2px solid #eee; } /* border around image */
th { background: #222; color: #fff; } /* table header */
th a { color: #656565; } /* text in the table header */
td { border-bottom: 1px solid #eee; border-left:1px solid #eee; } /* table cells */
tr.cat-list-row1 td { background: #fbfbfb; } /* table zebra */
.weblink-category tr:first-child td { border-top: 1px solid #eee; } /* fix for the table in weblinks */

Hi

Please look in templates/gk_music/layout/blocks/mobile/ all 3 php files You will find there will have this code.

and delete lines but nothing happens, the web is not as mobile, also do not understand that I have to do so I was like I want

do not have any video tutorial?

Hi

No there is no tutorial, becuase it's a standard publishing modules. I have just visited Your site and I can see that You do not have a tabs module used at all. I assumed You did already and problem is that it's not working. But You simply have nothing to work there

So as I adviced in one of first posts You need to install GK Tabs module in "mainbody_top" module position. Here is an instruction: http://www.gavick.com/documentation/joo ... /tabs-gk5/. With this module You will create multiple new module positions which will allow You to publish new modules there.

I already did but nothing happens

Hi

I have logged into admin panel and spoted what was the problem. First thing, my bad I told You wrong module position name by mistake. Should be "mobile_top" not "mainbody_top". Other issue was that module was not attached to Home element, but just to mobile menu. Homepage is a shearing part for this menus (at least should be) since there can be only one main page.

thanks so much

Now, I would like to know how should I configure it so that it is vertical rather than horizontal

Hi

Add this to css for all mobile views:

Code: Select all

.gkTabsWrap.vertical ol li, .gkTabsWrap.horizontal ol li {
    float: none !important;
}


nothing happens until now

Hi

It worked. Please take a look at the screen from iphone. Now You need to use tabs to publish modules showing articles and such there.

Hi,
not happened, not done anything, I wanted to edit the mobile version and now no longer appears as we left and do not know why or how to fix it, go to the section of the template and everything is activated

http://quirktools.com/screenfly/#u=http ... h=568&a=37

Hi

I only see an information that connecion with server couldn't been achieved. Maybe it's a server problem ?

Hi,

I do not know, the website is working properly and the module had been working properly, wait a while because I was fixing other problems in the operation of the module for multilingual, now back to work on this and no longer see the settings for cell


the problem with the server, which would it be?, should communicate with the hosting? that I have to do?

thanks!

Hi

I do not know. My ohone is using the same wi-fi than computer, but I cannot open Your site with it. This is all I can see:

here appears


http://quirktools.com/screenfly/#u=http ... h=480&a=33

Hi

Ok, today I was able to see it, but not without problems. Site was loading for about 30s, but this may be because of a distance. I can see it's workink, but please maybe swith the trigger for tabs to "click" instead of "hover", so it will not jump while navigating.

I fail to see the mobile version seen here

http://quirktools.com/screenfly/#u=http ... h=480&a=33

must have some fault

an error

Hi

Looks like from time to time server is not processing the site, but I have not had this problem for some time. Site is working correctly, at least for me.

I just saw

notify the hosting, I think it was fixed


But is not good, should be displayed in each tab type information accordion verticar

Hi

Than sorry, but our tabs module works only the way You can see with all tabs selection over the area with content. Try using any other tabs extentions provided by other developers maybe: http://extensions.joomla.org/extensions/news-display

but before looked accordion style and now ... why?, put modules in tabs

Hi

GK Tabs doesn't have an accordion style, I didn't know that's is a requirement in this case so I adviced it because it looked similar to Your sketch. Please try with a different module. I bet there is an accordion version of tabs available.

but once seen as a sliders demo

http://demo.joomlaworks.net/tabs-and-sl ... -articles#

I think it's not as accordion

Hi

I know this plugin. It may work and has an accordion style, but it can only be used in an article. I do not remember a syntax, You need to check it with it's documentation, but to have what You want You need to use it like that in article content:

Code: Select all

{tab title="Tab1"}
{loadposition tab1}
{tab title="Tab2"}
{loadposition tab2}
{tab title="Tab3"}
{loadposition tab3}
{/tab}


something like this. A plugin to load tabs and a plugin to load module inside.

Hi,


The module mod_news_pro_gk4 does not work, clicking does not go to the item that corresponds

url site: http://chilehealthcare.cl/en/


url articles : http://chilehealthcare.cl/en/news-en


occurs only in the English language in different languages ​​working correctly

Hi

This is how joomla works. If article doesn't have a landing page than article is being oppened on the page where was clicked and I believe the page clicked has mainbody disabled or a module published in this position already. Please make sure each article has a menu option with it's category layout. It doesn't have to be a visible menu item, just some dummy menu not used by site.

in other languages ​​module works perfectly, the same module, same configuration, so different language simply is not joomla problem


the items of news blog has a menu that is in the footer menu

the idea is that the editor, just add more items and these will appear in the home within the module and can click and go to full article

I can not use you've put a menu for each item and not just for the category

In other languages, Spanish and Portuguese, with the same module, same configuration just had to post a blog for the category menu and it worked perfectly

I need the English language to work properly in the same way

I can not ask publishers each time they board an article "news", have to create you a menu, that makes no sense


well as I said in the other languages works perfectly that way, not in the English

Hi

I've created a new "Category blog" type menu in some not connected menu with a name "Just a test". It is a so called landing page and having that makes articles open under this element.

in the site chilehealthcare.cl??????


I find the category

-category - articles??

Hi

Yes. For example: http://chilehealthcare.cl/en/jast-a-tes ... in-america

I do nto know what You mean about "-category - articles??".

Please see into "news" menu.

Great you fixed it! How?


What menu is for the modules that you are putting on the sides?


thanks so much!!!

Hi

In menu called "news" there is just one option. It is a landing page for articles in english. This is the menu option You should attach modules to. You can rename it as well.