webmatch/wbm-viewport-resizer

Shopware-Plugin to preview the Frontend in responsive viewports

Maintainers

Details

github.com/webmatch/WbmViewportResizer

Source

Issues

Installs: 12

Dependents: 0

Suggesters: 0

Security: 0

Stars: 2

Watchers: 9

Forks: 0

Open Issues: 0

Type:shopware-plugin

1.0.0 2017-02-23 14:11 UTC

Requires

GPL3 0d24d3b2081c4e1e28a52281c810bed08681258f

responsivefrontendshopwareshopware-plugindeveloper-toolsviewport-dimensions

This package is auto-updated.

Last update: 2024-04-13 01:59:31 UTC

README

Scrutinizer Travis CI

This plugin is meant for development purposes only

This plugin makes use of jResize jquery plugin to present the frontend of the shop within an iframe, that can be adjusted to the width of the various predefined viewports.

WbmViewportResizer

Requirements

  • Shopware >= 5.2.0

Installation

Clone this repository into a folder WbmViewportResizer within the custom/plugins directory of the Shopware installation.

  • Install the plugin through the Plugin-Manager within the Shopware backend.
  • Activate the plugin and when prompted allow for the clearing of the listed caches.

Install with composer

  • Change to your root Installation of shopware
  • Run command composer require webmatch/wbm-viewport-resizer and install and activate plugin with Plugin Manager

Usage

Navigate to your-shop.tld/viewportresizer to browse your shop through the adjustable iframe.

To navigate directly to a certain page you can use the path GET parameter e.g. ?path=account/index

Use the top menu bar to switch between viewports. The width of each viewport will be the minimal width of each viewport (except for the smallest mobile viewport where it is the maximal width).