Forum Discussion

nathan's avatar
nathan
Executive
12 years ago

Mobile Custom Pages

I thought I'd post this here as it had me stumped for ages before I stumbled across the solution (almost by accident).

 

To create a custom page for mobile:

  1. In Studio select the Page tab and click New

     

  2. For the page name, use the following convention:

    [MobilePageName].[AnythingYouWant]

     

    For example:

    e.g. MobileCategoryPage.MyMobCat

     

    For Page Layouts choose Mobile Page (unless you want a different layout).

     

    Optionally, for Copy from page, choose the mobile page you are overriding (this will just pre-populate the page with the same components).

     

    StudioMobileCustomPage.png

     

  3. Click Create

     

  4. Set the page components and click save.

     

  5. In admin, pick the page you want to set the custom layout for from the 'Settings for' menu (just below the main title).

     

  6. Go to Content, and select Custom Pages. If all has gone well, there will be a drop down list for the Mobile Page, allowing you to select the custom page you just created.

You'll need to repeat the last two steps on live after you have release the changes to production.

4 Replies

Sort By
  • SuzieH's avatar
    SuzieH
    Khoros Alumni (Retired)
    12 years ago

    Great post, and thank you for sharing this. The procedure for overriding default pages and creating custom pages was buried in our old Studio Guide PDF. Now that we've pulled our PDF guides speparate knowledge base articles in the Documentation area on Lithosphere, you'll be able to search for and fine steps like this much more easily. 

     

    You might find a few of the tips in these two articles helpful as well.

    http://lithosphere.lithium.com/t5/pages-and-layouts/Override-a-default-page/ta-p/108961

    http://lithosphere.lithium.com/t5/pages-and-layouts/Create-a-custom-page/ta-p/110639

     

    Suzie

  • nathan's avatar
    nathan
    Executive
    12 years ago

    Hi Susan,

     

    I could find documentation for creating custom pages for the desktop version, but not for mobile.

     

    Although in practice you follow pretty much the same process for desktop and mobile, the option to select a custom mobile page doesn't appear in Community Admin until after you've created the custom mobile page. This might not seem like an issue, but when combined with the omission of mobile pages in the documentation, it makes it look like you can't create a custom page for the mobile version of a specific node. In fact, I only realised you could when I found a forum post that implied it, and decided to experiment.

     

    This could be solved with two simple changes:

    1. Show the drop down list for selecting a mobile custom page even if no custom page has been created yet (can be read only if no valid options).

    2. Update the documentation to explain how custom pages work on mobile.

     

    While we're on the subject, the process for creating custom pages is probably unecessarily obscure - instead of having to follow a special naming convention, it would be much more intuitive to simply have an option when creating a page to specify which in-built page you wish to customise.

     

    Thanks

  • SuzieH's avatar
    SuzieH
    Khoros Alumni (Retired)
    12 years ago

    Thanks. I'll be working with our mobile team to get the documentation up to date. And I'll ask the question why these steps are different for desktop vs. mobile.

  • iftomkins's avatar
    iftomkins
    Maven
    12 years ago
    yes! I agree that the process for creating pages is pretty confusing. It's taken me a long time to get a handle on it! My previous experience with a CMS was creating Wordpress templates from scratch, so there has been a lot to learn and limitations to accept on the Lithium platform.