PIONEERING A NEW ERA OF INTELLIGENT QUANTITATIVE ECOMMERCE - THAT WORKS FOR YOU
Knowledge Base
+
Admin Messages
+
Common Tasks
+
Interventions
+
Languages
+
Questions & Answers
+
Reviews
+
Site Scripts
+
Web Services

IRP Mobile Website Overview

The IRP platform comes mobile-ready — it provides you with a world-class, intuitive and appealing integrated mobile site. Whatever internet-enabled device consumers are using, they will easily reach your business.

If a consumer is using a mobile device to search for a term and finds a link for the main desktop version of your site in their search results, they will be redirected automatically to your mobile site when they click the link. The IRP immediately identifies that the visitor is using a mobile device to view your website and expertly serves the correct mobile versions of every page.

There are many aspects to the IRP mobile offering. Much of it happens automatically and seamlessly, based on the standard (desktop) version of your site, but there are also areas where you have control over how items are displayed, how menus operate and so forth. This help topic provides examples of some of these areas.


IRP Mobile Device Detection

The IRP identifies mobile devices by examining the user-agent strings associated with each category of mobile device (phone or tablet).

IRP Admin includes a Mobile Detection Strings feature in the Server Management section where you can view and configure the user-agent strings — however this information is primarily of use to development and support staff as many of the details are quite technical. The data can be useful to other suitably-skilled staff examining, for example, customer orders.

For full details, see the Mobile Detection Strings help topic.


IRP Mobile Application Settings

There are several Application Settings on the IRP back end that you can set for the mobile version of your site. You can find these settings under Application Settings > Mobile Settings in the IRP Admin left navigation menu. You use the Mobile Settings section to define the following aspects of your mobile site:

Setting Description
Enable Mobile Site This is the master switch for making the mobile version of your website available to all visitors and potential customers. Make sure that you check this box to automatically redirect users who are viewing the site on mobile devices to your mobile site.
Enable Expandable Mobile Basket Link Check this box to enable the mobile basket link to cause the screen to slide sideways (or ‘fly out’) to reveal the basket contents, instead of redirecting immediately to the basket page. See IRP Mobile Basket Page for details.
Enable Mobile Menu Check this box to enable navigation on the mobile site as an expandable left-side menu appearing in the top-left corner of the mobile site. When you check this box, the ‘Show Menu Offers Link’ setting and the ‘Menu Starting Category Level’ setting automatically become available to you (see below for details). If you disable this setting, you can make sure that the brand and category drop-down lists are displayed (in order to provide your visitors with an alternative means of navigation) by enabling the ‘Show Brand Dropdown’ and ‘Show Category Dropdown’ settings. See IRP Default Mobile Home Page for more details.
Enable Show Mobile Site Links Check this box to enable a link for the mobile site to be displayed at the bottom of all standard site front end pages (when those pages are viewed on a mobile device). When a site visitor clicks the link they will go directly to the equivalent mobile page.
Menu Starting Category Level If you select ‘Department’, a link will be displayed on the mobile menu which, when you click it, will link through to a list of categories. If you select ‘Sub-Department’, the sub-categories will be displayed in the mobile menu immediately alongside the link for brands and (optionally) promotional offers when it is first opened.
Show Menu Offers Link Check this box to display a link to the Offers page in the mobile menu.
Show Brand Dropdown Check this box to display the brand drop-down list on all mobile pages.
Show Category Dropdown Check this box to display the category drop-down list on all mobile pages.
Show Mobile Homepage Brand Category Selection Check this box to display a structured menu on the mobile home page that contains links to all active brands and categories.
Show Top Settings Link Check this box to display a link for a visitor to change their country, currency and language settings in the mobile top navigation. The link takes the form of a flag associated with the visitor’s current settings. When a visitor clicks the flag icon, they can select their country, currency and language from drop-down lists. Note: even if you don’t check this box, a link for changing these settings is always displayed in the mobile bottom navigation. See the IRP Mobile Site Settings Page section for details.
Show Mobile Filter Menu When enabled an Ajax filter menu will display on the mobile site. This functions in the same way as the desktop site left nav attributes menu but is designed for mobile browsing.
Enable Add To Basket Direct From Mobile Listings This will determine if it is possible to add items to your basket from all listings pages directly instead of having to go onto the models page to do so.
Mobile Default List Style This setting determines the default style for new customers of mobile listing e.g. Category page:
- Single - One product per line.
- Two Across - Two products per line.
- Three Across - Three products per line, restricted to product images only.
Show Mobile More Info Link In Product Lists If enabled, a 'View Product' link/button will display below the main product information in product listing pages. This link can be used as a simple prompt to click through to the product in question, or can be configured to show the exact number of child stock items available within a product. The small translations related to this Application Setting are as follows:
- 2659 - View {0} Options
-2660 - View Product
By default, if a product has more than 1 stock item, the 'View {0} Options' link will be shown. If a product only has 1 stock item, then the 'View Product' link will be shown. If you do not wish to display the count of children stock items, simply delete the contents of Small Translation ID 2659 all products will default to the 'View Product' link.

If you make any changes in this section, make sure that you click the Update Mobile Settings button for your changes to take effect.

Note also that there are additional Application Settings under Application Settings > Mobile Site:

  • Enable Fixed Top Navigation Mobile: When enabled, the top navigation on the mobile site will remain fixed to the top of the screen when scrolling.
  • Mobile Product Data List Size: This is the number of products to display on the mobile site listing pages by default.

And under Application Settings > Navigation - Top:

  • Fixed Top Navigation Include Heading Banners: When enabled, the heading banners on the desktop, mobile and trade sites will be included in the fixed top navigation. This requires the corresponding fixed top navigation to be enabled.

And also on the NavigationSettings.aspx page:

  • Enable Sort By In Mobile Filter: Here you can set the order of the filters by dragging the Sort By box to where you want it.

IRP Mobile Site Stylesheet

You define the whole look and feel of the mobile version of your site using the Interface & Design > Mobile CSS Stylesheet section in the IRP Admin left navigation menu. You should be very confident about handling CSS to make edits to the styles.

Any changes that you make in that section will be reflected immediately on the mobile site. You can see how the website will appear on a mobile device by clicking the Preview Mobile Site button. See the Mobile CSS Stylesheet help topic for details.


IRP Mobile Site Favourites Icon

The IRP has support for a mobile favourites icon. This is a very useful feature which you are encouraged to use as it allows customers to add your website to the home screen of their smartphone where it will be displayed as an app-like icon showing the image you have created. Customers can then access your site directly by clicking the icon.

When you create a suitable icon you can add it under Interface/Icons/FavoritesIconMobile.png in the Interface & Design section of IRP Admin. The image should be a PNG image with a width and height of 192 pixels. See the Interface Folder help topic for more details.


IRP Default Mobile Home Page

The mobile home page (Default.aspx — always redirected to ~/Mobile/) can involve several elements as shown in the following mock example:

IRP Default Mobile Home Page

The possible elements are as follows (remember that much of the mobile site setup is based automatically on how you have configured your desktop site):

  • A Sign-In link in the top-right corner of the page. When a customer clicks this link they go directly to the MyAccount/MobileLogin.aspx page. See the IRP Mobile Login Page section for details.
  • A Menu link in the top-left corner of the page. You need to enable the Application Setting ‘Enable Mobile Menu’ to display this. When a customer clicks this link, the menu expands to the right and shows several items in drop-down lists depending on how you have configured the other Mobile Application Settings. In addition, if the customer has signed in, they use this menu to log out again. Note that the customer’s name will always appear in the top-right corner of the screen (‘Hello Jane’) even if they have signed out.
  • A Site Logo at the top-centre of the page, ideally translated for each of the countries in your system. When a customer clicks this link on any page, they go back to the home page. You define this logo under Interface & Design > Site Logos in the IRP Admin left navigation menu. To create a new logo, select Add New Logo > New Mobile Logo. See the Site Logos help topic for details.
  • A Basket link in the top-right corner of the page. When a customer clicks this link they either go directly to the MobileBasket.aspx page or, if you have enabled the ‘Enable Expandable Mobile Basket Link’ Application Setting, the Default.aspx page (always redirected to ~/Mobile/) remains but the screen slides sideways (or ‘flies out’) to expose the contents of the customer’s basket. See the IRP Mobile Basket Page section for details.
  • A search bar at the top of the page with a ‘magnifying glass’ search icon at the right side of the bar. When a customer types in a search term and clicks the icon, the MobileSearchResults.aspx page is displayed. See the IRP Mobile Search Results Page section for details.
  • A Mobile Heading banner below the Search bar. You define this logo under Interface & Design > Banners in the IRP Admin left navigation menu. To create a new banner, select ‘Add New Banner’ and for the ‘Banner Location’ setting, select ‘Mobile Heading’. See the Banners help topic for details.
  • Brand and Category drop-down lists for navigation. You need to enable the Application Setting ‘Show Mobile Homepage Brand Category Selection’ to show these.
  • A Mobile Home Page banner in the middle, below the Brands and Categories. This should be country-specific for each country in your system. You define this banner under Interface & Design > Banners in the IRP Admin left navigation menu. To create a new banner, select ‘Add New Banner’ and for the ‘Banner Location’ setting, select ‘Mobile Home Page’. See the Banners help topic for details.
  • Bottom navigation at the bottom of the page. This area might include Mobile Custom Content Pages. You define this area under Interface & Design > Navigation in the IRP Admin left navigation menu, then click the ‘Bottom’ button and select ‘Mobile Site’. See the Navigation – Bottom Mobile Site help topic for details.
  • Custom Content Pages at the bottom of the page. This might include an About Us page, a Contact Us page, a Delivery & Returns page, a Terms & Conditions page, a Privacy Policy and so forth. There should be country-specific versions of all of these pages so that customers from any country in your system can read these pages on their mobile devices. See the Mobile Custom Content Pages section for details.
  • Social Media & Payment Processor links and ideally third-party validation (for example, Trustpilot).
  • A Settings area (not shown in the screen capture above) at the bottom of the page (a flag icon for the same settings may also appear in the top-right corner if you have enabled the ‘Show Top Settings Link’ Application Setting). When a customer clicks this link they go directly to the MobileSettings.aspx page. They can also click a link called 'Switch to Desktop' to go directly to the main desktop version of your site. See the IRP Mobile Site Settings Page section for details.

IRP Mobile Login Page

The /Mobile/MyAccount/MobileLogin.aspx page is the main login page for new customers to create an account and for returning customers to sign in again. Here is an example:

IRP Mobile Login page

New Customers need to click the Create A New Account button. This takes them directly to the MyAccount/MobileSetup.aspx page. From here they fill in all or some of the following details:

  • Email Address and Password
  • Billing Address Details (Name and Address)
  • Other Contact Information (Daytime & Mobile phone number, Gender and optionally Date of Birth*)
  • Security Questions (Secret Question and Answer)
  • Email Subscriptions (Subscribe checkbox)

* Note that a customer can enter their Date of Birth only if you have enabled the Application Setting ‘Enable Customer Date Of Birth Entry’.

When the customer clicks the Create New Account button they are taken to the MyAccount/MobileMyAccount.aspx page. See the IRP Mobile ‘My Account’ page section for details.

Returning Customers must enter their email address and password to log in. If they have forgotten their password they can use the ‘Forgotten Your Password?’ feature.

Note that a ‘Log Out’ button will be visible at the bottom of the left menu if you are already logged in. (If it looks like you are logged in but you can't see the Log Out button, you are likely being recognised as a Guest, so simply Log In again and then you will see the Log Out button.)


IRP Mobile ‘My Account’ Page

The /Mobile/MyAccount/MobileMyAccount.aspx page is the first page that a visitor sees when they click the ‘My Account’ link:

IRP Mobile My Account page

From here, the following options are available:

  • Track and Manage your orders
    Mobile Loyalty Scheme page
    • View your orders: This takes the customer to the MyAccount/MobileOrderList.aspx page. This is where users can see a list of all their new and completed orders. If they view a specific order, the MyAccount/MobileOrderDetails.aspx page is displayed.
    • Change delivery address on your order: This takes the customer to the MyAccount/MobileOrderList.aspx page. This is where users can see the details of an individual order, including the Order ID, Date, Status, Billing and Payment details. Note that order delivery addresses can only be edited if the ‘Enable Live Charging’ Application Setting (‘Payments - Live Charging’ group) is disabled and the order status is still ‘new’.
    • Loyalty Scheme: This takes the customer to the MyAccount/MobileLoyaltyScheme.aspx page. This is where users can see details of any loyalty scheme that they are members of. The content of this page depends on what Loyalty Schemes you have configured on your IRP. Here is a mock example:
  • Personal Information
    Mobile Edit Password Details page
    Mobile Password page
    • Change your name, billing address or phone numbers: This takes the customer to the MyAccount/MobileEditAccountDetails.aspx page. This is where users can make changes to their contact details (other than their email address, which is managed on a separate page). They can also state whether they are male or female.
    • Change your E-mail address or Password: This takes the customer to the MyAccount/MobileEditPasswordDetails.aspx page. This is where users can update their email address and password. Optionally, they can also enter their date of birth (if you have enabled the Application Setting ‘Enable Customer Date Of Birth Entry’). This can assist your digital marketing endeavours, especially in being able to target your users more specifically. Here is an example:

    • Forgotten your Password? Click Here: This takes the customer to the MyAccount/MobilePassword.aspx page. This is the ‘Password Helper’ page where users can reset their password. Here is an example:
  • E-mail Notifications
    Mobile Email Subscriptions page
    Mobile Stock Notifications page
    • Review your E-mail subscriptions and E-mail formats: This takes the customer to the MyAccount/MobileEmailSubscriptions.aspx page. This is where users can update their subscription details and email preferences for any email campaigns that you have available. They can also unsubscribe from any mailing lists. Here is an example:

    • View your requested E-mails for Out Of Stock items: This takes the customer to the MyAccount/MobileStockNotifications.aspx page. This is where users can review emails that they have requested regarding out-of-stock items that they are interested in. If there are no notifications they will see the following message:

    • Join Mailing List: This takes the customer to the MyAccount/MobileEmailSubscriptions.aspx page, as described previously.

IRP Mobile Search Results Page

When the customer enters a term in the search bar at the top of the page and clicks the Search button, the results are displayed on the MobileSearchResults.aspx page. If several results are returned, the screen includes a ‘Sort By’ drop-down list. Here is an example:

Mobile Search Results page

You can see that it is possible to sort the results using the following filters:

  • Best Selling
  • Price — Low To High
  • Price — High To Low
  • Discount — Low To High
  • Discount — High To Low
  • Product — A To Z
  • Product — Z To A
  • Category — A To Z
  • Category — Z To A
  • Customer Reviews
  • Newest

IRP Mobile Product Listings

NOTE: If you are an IRP Customer you can view the following Product Listing Pages article which also includes a video walk-through of these features using IRP Admin and the front-end mobile site.

Customisation Options via CSS

CSS changes may be used to hide or display features, for example removing the 'sort by' or 'hover image toggle' options from the main filter bar or, going further, used to completely re-style the product tile layouts. To make this easier, the Mobile CSS file already contains certain commented-out sections of code which can be used to alter display styles. You can find these in your CSS file by searching for 'PRODUCT LISTINGS OPTIONAL'.

Fixed top navigation bar

If the Application Setting Enable Fixed Top Navigation Mobile is enabled (in the ‘Mobile Settings’ grouping on the main ApplicationSettings.aspx page), when the customer scrolls down the page, at a certain point the top nav will decrease in size and the search bar will no longer be visible. Instead a search icon will appear beside the menu icon:

When the customer clicks this icon the search bar will be visible again and vice versa.

Note also that you can use the Fixed Top Navigation Include Heading Banners Application Setting (in the 'Navigation - Top' grouping). When this is enabled, the heading banners on the desktop, mobile and trade sites will be included in the fixed top navigation. This requires the corresponding fixed top navigation to be enabled.

Sticky filter bar

The new filter bar (list style buttons, product image view buttons, sort by drop down and filter button) will stick to the top when scrolled so it will always be visible. If the fixed navigation header is turned on then it will stick below it otherwise it will stick to the top of the screen.

Mobile listing display style defaults and toggle buttons

You define the style of mobile listings pages using the Application Setting Set Mobile Default List Style in the ‘Mobile Settings’ grouping on the main ApplicationSettings.aspx page (alternatively you can use the Mobile Default List Style setting on the MobileSettings.aspx page). Note that the Enable Mobile Menu Application Setting must also be enabled. You can set Set Mobile Default List Style to one of the following values:

Single – one product per line is displayed as in the following example:

Two across – two products per line are displayed as in the following example:

Three across – three products per line are displayed as in the following example:

When a customer is on the brand, category or promotions listing pages, they can easily switch between these three views using the buttons at the top of the screen:

Note that the list style used on the mobile home page and custom content pages will always take the value of the Set Mobile Default List Style Application Setting and customers cannot change this.

Switching between product images

On brand, category and promotions listing pages, customers can switch between the main product image and the hover product image (as defined by the ‘Product Image Order’ configuration on the ModelsEdit.aspx page) by clicking one of the image buttons in the filter bar (these buttons should be updated to reflect your specific product set):

The hover image takes the value of the Application Setting Model Listing Hover Image Index (in the ‘Product Listing’ grouping on the main ApplicationSettings.aspx page) unless a different one has been set against a specific product. If there is only one image against the model, that image will be shown as the main image.

Small Translation IDs 2651 (main image) & 2652 (hover image) can be used here as an alternative to images on the user interface for these buttons. Simply remove the CSS for these background images and add in the text you require via the small translations.

Filter button

If the customer has selected more than one filter, the filter button will show a count of the filters in a red circle with the count inside it in white text:

The filter popup window includes a ‘Done’ and ‘Clear All’ button at the bottom:

If the Application Setting Left Nav Attributes Menu Show Sort By Filter is enabled (in the ‘Product Filter’ grouping on the main ApplicationSettings.aspx page), customers can also use the ‘Sort By’ dropdown from within this filter section. We recommend this option is activated to allow customers this option either from this area or directly from the sticky filter bar (UX testing shows some customer demographics do not see an understandable difference between 'sorting' and 'filtering').

You can also find this Application Setting on the NavigationSettings.aspx page in the ‘Product Filters’ section where it is called Enable Sort By In Mobile Filter. Here you can set the order of the filters by dragging the Sort By box to where you want it.

Small Translation ID 2540 can be used here as an alternative to the 'filter' image on the user interface. Simply edit the CSS for this background image and add in the text you require via the small translation.

Add to basket directly from listings

Customers can add an item to their baskets directly from a listing page (instead of having to go to the model page) if the Application Setting Enable Add To Basket Direct From Mobile Listings is enabled (in the ‘Mobile Settings’ grouping on the main ApplicationSettings.aspx page) – this applies to all listing pages except the home page (alternatively you can use the same setting on the MobileSettings.aspx page). The stock options drop-down list, the quantity textbox and the ‘Buy Now’ add to basket button will all be visible, allowing the customer to make their selections and add items to their basket:

If the customer clicks the Buy Now button without selecting a stock option or entering a valid quantity, the item will not be added to their basket and the stock options drop-down list or quantity textbox will be highlighted to prompt the customer to make those selections.

If the Application Setting Enable Ajax Add To Basket is enabled (in the ‘Add to Basket’ grouping on the main ApplicationSettings.aspx page), when the customer successfully clicks the Buy Now button, the ‘Added To Basket’ confirmation popup window will be shown (displaying the item added and basket total), allowing the customer to either view their basket or to continue shopping:

If the customer clicks ‘Continue Shopping’, the count on the basket in the top nav will be updated. If the Enable Ajax Add To Basket Application Setting is not enabled, the customer will go directly to the basket page when they click the Buy Now button.

Stock requests

If an item is out of stock, customers will see an ‘Out of Stock’ Request Stock Alert link instead of the quantity text box and the add to basket button. When clicked, a popup window will appear which will allow the customer to enter their email address to request a stock alert.

  • If the email address field is left empty, an error message will be displayed.
  • If the email address entered has already been used to request a stock alert for the item, an error message will be displayed, leaving the popup open to allow the customer to add a different email address.
  • If the email address entered has not been used before for the item, a confirmation message will appear and the popup will automatically close after a few seconds.

View Product/Options button

If you want a ‘View Product’ button to appear on the mobile site but not on the desktop site below the main product information on product listing pages, you can use the Show Mobile More Info Link In Product Lists Application Setting (in the ‘Mobile Settings’ grouping on the main ApplicationSettings.aspx page or on the MobileSettings.aspx page).

When enabled, either a simple prompt to click through to the product in question will be displayed or, if applicable, the exact number of child stock items available within a product. This is controlled using Small Translations:

  • Small Translation 2659 (‘View {0} Options’) is used to show the product count on the button if there is more than one stock option available (e.g. ‘View 4 Options’). If you don’t want to display the count, simply delete the contents of Small Translation ID 2659 and all products will default to the 'View Product' link.
  • Small Translation 2660 (‘View Product’) is used if there is only one stock option.

Reviews

Customers can view and create product reviews on mobile devices in much the same way as they can on desktops and Admin Users can read and approve reviews using the 'Reviews' section of IRP Admin (see Reviews for more information). If an item has reviews against it, the review stars will be visible with a count beside them to show how may reviews there are:

Mobile Product Reviews

If the customer clicks the stars, they will be redirected to the model page at the reviews section.

To create a new review, the customer can click the 'Write a Review' button:

Mobile Product Reviews

They will then see the MobileReviewsSubmit.aspx page where they can enter all the information, as described in the Reviews topic.

‘Back to top’ button

Customers will see a ‘back to top’ button appear when they start to scroll down the page:

If they click this button, they will quickly scroll right back up to the top of the page. This button will not be visible when the customer is already at the top of the page.

‘Load More’ button

Customers will be able to see a ‘Load More’ button at the bottom of long listings pages (instead of the normal paging) with a label above the button showing the count of products:

When customers click this button, the next set of products will be loaded below the current list (instead of replacing the current list). If there are no more products to load this button will not be visible.

The amount of products shown on each page can be set using the Mobile Product Data List Size Application Setting.

General Features

When a customer selects any brand from one of the drop-down lists, the /Mobile/MobileBrands.aspx page is displayed, showing a list of products associated with the brand that the user has selected.

When a customer selects any category from one of the drop-down lists, the /Mobile/MobileCategories.aspx page is displayed, showing a list of products associated with the category that the user has selected.

When a customer selects a particular product to view from either the brands or categories pages, the MobileModels.aspx is displayed showing that product. The customer can expand and collapse the model description and model reviews content on this page. They can also click (or swipe) through other product images using arrow icons and select another product to view.

The Mobile 'Add To Basket' drop-down control has the following features:

  • Brand names are displayed and maintained for branded sites.
  • A default stock option is selected only when a single option is available.
  • A dash is added between the model and stock option names on the mobile models page.

If the Price Match feature is enabled in the IRP, a ‘Price Match Request’ link is displayed on the MobileModels.aspx page. This links through to the MobilePriceMatchRequest.aspx page. On this page the customer can use a form to request a price match on an item they have seen on another website at a cheaper price. See the Price Match help topic for details.

Viewing Model Images on Mobile

Mobile users can enlarge a model image by single-tapping the image. If there is one or more images against a product and the setting 'Show Large Image Popup' is enabled against the model in IRP Admin, a 'Tap to Zoom' button will be visible below the image as an instruction to make people aware of this (the enlarged image popup will be shown only if the 'Show Large Image Popup' setting is enabled on the model page in IRP Admin and there is at least one image against the model). (The 'Tap to Zoom' text is translatable via Small Translation 2661.) Also, if they tap the button it will open the popup in the same way that tapping the image does. Once the image has been enlarged, users can zoom in by double tapping or pinching the image and also move the zoomed image to see a specific part of it. There is also the option to swipe to the next/previous image (if there is one provided) or to select a specific image by tapping the small image at the bottom of the screen.

In addition, there is a second view provided: if the user wishes to view all the images at the same time by scrolling down instead of seeing them individually, they can do so by clicking the button at the top of the screen.


IRP Mobile Attribute Filter Menu

You can show customers an filter menu for the product attributes that you have configured in the system. This menu functions in a similar way to the left hand Attributes menu on the desktop site but is designed for use on mobile devices. To display the filter, enable the Application Settting called Show Mobile Filter Menu. The filter will then appear as follows:

IRP Mobile Attributes Filter
 

When selected, the filter expands as follows:

IRP Mobile Attributes Filter Expanded

Customers can select filters from the menu which, once selected, appear in a list of all selected filters at the top of the filter popup and also at the top of the product listing. Clicking a filter in the list of all selected filters will remove the filter. Clicking the 'Done' link will activate the chosen filter(s) whereas clicking the 'Clear All' link will remove all selected filters. You can use the following Small Translations for the filter:

  • 2534 — ‘Done’
  • 1640 — ‘Clear All’
  • 2540 — ‘Filter’

Once enabled, the filter will be shown on the following pages on the mobile site:

  • MobileBrands.aspx
  • MobileCategories.apsx
  • MobileBrandCategory.aspx
  • MobileOffers.aspx
  • MobilePromotions.aspx
  • MobileSearchResults.aspx

IRP Mobile Offers Page

If you have enabled the ‘Show Menu Offers Link’ Application Setting — and if you have created Promotions in IRP Admin — a link for the offers is shown in the Mobile Menu drop-down list. This links through to the /Mobile/MobileOffers.aspx page which shows a list of all offers that you have available to customers.

Customers can sort the offers using the following filters:

  • Best Selling
  • Price — Low To High
  • Price — High To Low
  • Discount — Low To High
  • Discount — High To Low
  • Product — A To Z
  • Product — Z To A
  • Category — A To Z
  • Category — Z To A
  • Customer Reviews
  • Newest

In the event that there is no sort-by parameter in the URL, the MobileOffers.aspx page will use the Application Setting 'Sort By Default Offers Page'.


IRP Mobile Basket Page

When a customer clicks the basket icon at the top-right corner of the page, they go either directly to the MobileBasket.aspx page or, if you have enabled the ‘Enable Expandable Mobile Basket Link’ Application Setting, the Default.aspx page (always redirected to ~/Mobile/) remains but the screen slides sideways (‘flies out’) to expose the contents of the customer’s basket.

The mobile basket ‘fly-out’ page appears as in the following example — you can see how the Default.aspx page (always redirected to ~/Mobile/) has moved to the left to show the basket contents:

IRP Mobile Basket fly-out page

Note: The ‘Checkout’ button will not be displayed on this screen if you have enabled the Click & Collect feature in the IRP.

There are options for the customer to:

IRP Mobile Email Basket section
  • View Basket: This links directly to the /Mobile/MobileBasket.aspx page.
  • Checkout: This links directly to the /Mobile/Secure/MobileLogin.aspx page if the customer has not already logged in. If they are already signed in, the customer will go to the second step of the checkout process, the /Mobile/Secure/MobileDeliveryAddress.aspx page.
  • Check out with PayPal: This links directly to the /Secure/PayPalInitialize.aspx page.
  • Email Basket: This allows the customer to enter their email address in order to retrieve their basket on any computer on which they open the email link. They also have the opportunity to subscribe to the email list, as shown in the following example:
  • (The check box is set according to the Shipping Country setting 'Is Marketing Signup On Account Creation Initially Ticked'.)

The main mobile basket page (/Mobile/MobileBasket.aspx) appears as in the following example:

IRP Mobile Basket Page

The page includes similar options to those described previously, including the ‘Checkout’, ‘PayPal’ and ‘Email Basket’ options. Customers also have the opportunity to enter a promotional voucher code if they have one and can enter any additional notes about the order if they wish to do so before they place their order (you can change the default text for this box using Small Tranlsation ID 2525). Note that for the ‘eVoucher Code’ field to be displayed, you must have enabled the Applicating Setting ‘Enable Voucher Codes’ (in the ‘Promotions And Vouchers’ grouping). You can also alter the default text using Small Translation ID 2516.


IRP Mobile Checkout Page

When a customer is making a purchase, there are several screens that they will see as they move through the checkout process. After they have signed in (if they have not already done so) they will use the screens described below. You can define the bottom navigation in this area under Interface & Design > Navigation in the IRP Admin left navigation menu, then click the ‘Bottom’ button and select ‘Mobile Site – Checkout’. See the Navigation – Bottom Mobile Site Checkout help topic for details.

IRP Mobile Delivery Address Page
  • /Mobile/Secure/MobileDeliveryAddress.aspx: On this page the customer has the option to use their current billing address, edit their address or to add a new address. For example:

  • /Mobile/Secure/MobilePostage.aspx: Here the customer can select their postage method. Here is an example with only one postage method:
    IRP Mobile Postage Method Page

    Note that if Click & Collect is enabled (and available for the basket contents) the customer will have the option of switching between delivery and collection.
  • Mobile/Secure/MobilePaymentDetails.aspx: A numeric keypad pops open on this page in order for the customer to enter their Card Number, Card Issue Number and Card Security Digits.
  • MobileOrderSummary.aspx: The customer can see a summary of their order on this page.

IRP Mobile Site Settings Page

A customer can change the mobile site settings by clicking in the settings area at the bottom of the screen or, if you have enabled the ‘Show Top Settings Link’ Application Setting, the top-right corner of the screen.

At the bottom of the screen, the customer can see the following settings:

Mobile site bottom settings

The customer will see both the current language and country. When they click either of these they will be redirected to the MobileSettings.aspx page (described below) so that they can change these settings. In addition, below the language and country links is a link called 'Switch to Desktop'. When they click this link, the desktop site will be loaded. This will be visible on all pages except the checkout page.

If the customer clicks the flag at the top of the screen, the MobileSettings.aspx page is then displayed, for example:

Mobile Site Settings page

The following options are available using drop-down menus on this page:

  • My Country: This allows the customer to select from all of the countries in the IRP.
  • My Currency: This allows the customer to select from all of the currencies in the IRP.
  • My Language: This allows the customer to select from all of the languages in the IRP.

After making the selections, the customer needs to click the Change button and their chosen version of the website is then displayed.


IRP Mobile Custom Content Pages

If you have linked desktop versions of Custom Content Pages to mobile versions, customers can view the mobile versions when they are browsing your site on their mobile devices. The URLs of the pages contain different ID numbers. For example, if the desktop version of your ‘About Us’ page is your-IRP/en/About-Us/cc-1.aspx, the mobile equivalent of the same page might be your-IRP/en/About-Us/cc-6.aspx.

For information about how to create and manage Custom Content Pages, see the Custom Content Pages help topic.

As previously explained, you can define the navigation in this area as described in the Navigation – Bottom Mobile Site help topic.




Copyright © 2018 IRP Commerce. Use of this website constitutes acceptance of the IRP World Terms of Use, IRP Privacy Policy and IRP Cookie Policy
IRP Commerce is a Trading Name of Export Technologies Limited, a Deloitte Fast 50 Company five times: 2010, 2011, 2012, 2013 & 2014   Deloitte.