Intro

This document contains interaction designs for storefront pages. Elements and functionality of the Intershop progressive web app are displayed and explained. Based on this documentation new features can be designed and developed.


Fonts

This document uses an icon font: Font Awesome. It is included in this file. However if you see rectangular placeholders on the pages and/or want to edit the Axure file, please install Font Awesome as font on your computer.


Test

=> If you can see the shopping basket, you can see "Font Awesome" icons.


Responsive Design

The design is responsive in the same way the starter store is.

The breakpoints are:

• Phone (xs): less than 768px

• Tablet (sm): 768px and up

• Desktop (md): 992px and up

• Large Desktop (lg): 1200 and up


To see the different layouts, you can resize your browser, or you can use the drop-down to switch between the views.


Interactive

Also there are some features on some pages which are interactive. Use the 2nd icon next to the axure logo and select the option "Show Hotspots".

Checkout

Intershop Progressive Web App 2.0.0

Copyright

This document and all of its parts are protected by copyright. All rights, including those of duplication, reproduction, translation, microfilming, storage on electronic media and processing in electronic form are expressly reserved. Intershop® and Enfinity™ are trademarks or registered trademarks of Intershop Communications AG. All other company, product and brand names are trademarks or registered trademarks of their respective owners.

Copyright © 2005-2022 Intershop Communications AG. All Rights Reserved.