Public Forums 71,145 posts

[xiondesigns Friend xiondesignsJoin date: May 2010Posts: 70Downloads:0Uploads:2 Thanks: 5 Thanked: 1 times in 1 posts]

#162309

Hi, i was checking Methys template and i was wondering…

What if i want to have different look on the iPhone (or any other handheld, etc..) version than in the desktop?

For example, in the Methys template the only difference is that it takes each product from the k2 catalogue http://templates.joomlart.com/ja_methys/index.php?option=com_k2&view=itemlist&layout=category&task=category&id=2&Itemid=93 one above the other instead of 3 columns.

But how could i create different k2 templates that work on each device?

So i could make something like this:

?

Bye

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#385704

I am afraid that would require much customizations, but if you want to manually do that, here are some guidelines:
Go to admin > template manager > ja methys > Profile tab > layout settings, here you can see the config for different layouts (which layout files are assigned to which layouts). Now browse to the Layout tab above, you will see the layout files list which have been assigned to layouts in the previous Profile page. Now you can modify layouts file here and assign different modules into them to make the page look as you wish.

[humusjey Friend humusjeyJoin date: March 2009Posts: 27Downloads:0Uploads:0 Thanks: 3 Thanked: 4 times in 1 posts]

#386788

Just add the .css file that contains the changes for your iphone or handheld version in the iphone/handheld layout .xml

This is an example of iphone layout:

<?xml version=”1.0″ encoding=”utf-8″?>
<layout body-class=“bd-iphone”>
<name>Iphone</name>
<description>Default layout for Iphone</description>
<!–Extra css load for this layout–>
<stylesheets>
<file>css/iphone/layout.css</file>
<file>css/iphone/template.css</file>
<file>css/iphone/k2.css</file>
<file>css/iphone/thiisforanythingelse.css</file>
</stylesheets>
<scripts>
<file>js/iphone.js</file>
</scripts>
<blocks name=”top” style=”xhtml”>
<block name=”mainnav” type=”iphone/mainnav” class=”black”></block>
<block name=”header” type=”iphone/header”></block>
</blocks>
<blocks name=”middle”>
</blocks>
<blocks name=”bottom” style=”xhtml”>
<block name=”footer” type=”iphone/footer”></block>
</blocks>
</layout>

Now, if you want to have more than one and different layouts for each categories in K2 use this LINK

Hope this helps you.
Greets.

[Author]

Posts