PHPackages                             webmatch/wbm-viewport-resizer - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. webmatch/wbm-viewport-resizer

ActiveShopware-plugin[Utility & Helpers](/categories/utility)

webmatch/wbm-viewport-resizer
=============================

Shopware-Plugin to preview the Frontend in responsive viewports

1.0.0(9y ago)112GPL3PHP

Since Feb 23Pushed 9y ago8 watchersCompare

[ Source](https://github.com/webmatch/WbmViewportResizer)[ Packagist](https://packagist.org/packages/webmatch/wbm-viewport-resizer)[ RSS](/packages/webmatch-wbm-viewport-resizer/feed)WikiDiscussions master Synced 1mo ago

READMEChangelog (1)Dependencies (1)Versions (2)Used By (0)

WbmViewportResizer - preview predefined viewports
=================================================

[](#wbmviewportresizer---preview-predefined-viewports)

[![Scrutinizer](https://camo.githubusercontent.com/4bc73c92240f1ee8a544d7af7c0153fb3bb0e5ac8d0acf7dd9babce6eb42baba/68747470733a2f2f7363727574696e697a65722d63692e636f6d2f672f7765626d617463682f57626d56696577706f7274526573697a65722f6261646765732f7175616c6974792d73636f72652e706e673f623d6d6173746572)](https://scrutinizer-ci.com/g/webmatch/WbmViewportResizer/?branch=master)[![Travis CI](https://camo.githubusercontent.com/ad2bbe13ccf9a5c66f8c0ee128f0fcf4764a6555943cdddf9c5a83be390e3a29/68747470733a2f2f7472617669732d63692e6f72672f7765626d617463682f57626d56696577706f7274526573697a65722e7376673f6272616e63683d6d6173746572)](https://travis-ci.org/webmatch/WbmViewportResizer)

**This plugin is meant for development purposes only**

This plugin makes use of [jResize](https://github.com/toddmotto/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](https://camo.githubusercontent.com/8e53dcaaf937369d7f0c6308cbd2fec70d06ddba66f39f2a13933415ea23cce9/68747470733a2f2f7777772e7765626d617463682e64652f77702d636f6e74656e742f75706c6f6164732f323031372f30322f76696577706f7274726573697a65722e706e67)](https://camo.githubusercontent.com/8e53dcaaf937369d7f0c6308cbd2fec70d06ddba66f39f2a13933415ea23cce9/68747470733a2f2f7777772e7765626d617463682e64652f77702d636f6e74656e742f75706c6f6164732f323031372f30322f76696577706f7274726573697a65722e706e67)

Requirements
------------

[](#requirements)

- Shopware >= 5.2.0

Installation
============

[](#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
---------------------

[](#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
=====

[](#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).

###  Health Score

27

—

LowBetter than 49% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity7

Limited adoption so far

Community8

Small or concentrated contributor base

Maturity63

Established project with proven stability

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Unknown

Total

1

Last Release

3362d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/69c1745bd6023c706f651e9bdb38515fc7678caf52b9580126141381168669cd?d=identicon)[dneustadt](/maintainers/dneustadt)

![](https://www.gravatar.com/avatar/daa48953cb1d431a19f5d2fd52474d67d8723822c5054ef407a99cfea09f94f4?d=identicon)[webmatch](/maintainers/webmatch)

---

Tags

developer-toolsfrontendresponsiveshopwareshopware-pluginviewport-dimensionsshopwareresponsivefrontenddeveloper-toolsshopware-pluginviewport-dimensions

### Embed Badge

![Health badge](/badges/webmatch-wbm-viewport-resizer/health.svg)

```
[![Health](https://phpackages.com/badges/webmatch-wbm-viewport-resizer/health.svg)](https://phpackages.com/packages/webmatch-wbm-viewport-resizer)
```

###  Alternatives

[mexitek/phpcolors

A series of methods that let you manipulate colors. Just incase you ever need different shades of one color on the fly.

5003.6M18](/packages/mexitek-phpcolors)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)