Forms for shopping worlds and other places (modal boxes, off-canvas, and much more)

About the Extension

Contact & Support

If you have any questions or suggestions just contact us via mail shopware.support@digitalwert.de and we are happy to help you. A instructions for the plugin can be found at: https://shopwaredemo.digitalwert.de/media/pdf/e7/38/f1/Guide_GlobalForms.pdf .

Description of the plugin

The plugin "forms for the shopping worlds and other places (modal boxes, off-canvas, and much more)" adds, among other things, a new shopping world element that you can place on a shopping world as often as you like and with which you can implement shopware forms (from menu item "Content" -> "Forms") in the shopping worlds.

The success message, but also the form itself, if it has been sent with incorrect values (for example, if the captcha value is incorrect), is output at the actual location of the form within the shop, as is the case with the contact form. For example for the contact form this would be the page https://www.shopwaredemo.de/kontaktformular?success=1 .

Furthermore, as described in detail below and in the instruction, you can also display the shopware forms at other points in the shop, for example in a tab on the article detail page, in a modal box, in an off-canvas menu or via the TinyMCE editor at shop pages and blog entries.

Within the shopping world element (via the corresponding input field) as well as the action tag (via a parameter), the article number can be entered and transferred so that the inquiry text field of the request form is filled with the article name and / or article number. The field to be filled as well as the transferred text can be defined within the plugin configuration, the following parameters are available: ARTICLENAME and ORDERNUMBER.

Within the new shopping world element "Formular" the following settings can be made for each form in a shopping world:

• hide the complete form header
• hide the headline in the form header
• the selection of the type of the headline (h1, h2, h3 and h4)
• hide the text of the form header
• hide the headline in the form area
• show a individual headline in the form area
• the definition of an individual text for the headline in the form area
• display an individual text under the headline in the form area
• the definition of an individual text under the headline in the form area
• disable the border around the form
• disable the padding of the form
• entry the article number

Furthermore, you can display a self - defined form anywhere in the shop at the desired location via the action tag {action module=widgets controller=Globalembeddedforms action=show sFid=5 embeddedForm=1}. You must deposit the action tag in your own theme at the desired location (with the help of the corresponding shopware block). An integration, for example via the TinyMCE editor in the shopware backend, is only possible for the shop pages and blog entries, for all others the code would not be executed but only displayed.

All settings from the shopping world element can also be used with the action tag:

• id of the form: sFid=5
• hide the complete form header: hideFormheader=1
• hide the headline in the form header: hideFormheaderheadline=1
• type of the headline: formheaderheadlinetype=0
• hide the text of the form header: hideFormheadertext=1
• hide the headline in the form area: hideFormcontentheadline=1
• show an individual headline in the form area: showIndividualformcontentheadline=1
• individual text of the headline in the form area: textIndividualformcontentheadline="Contact"
• show an individual text under the headline in the form area: showIndividualformcontenttext=1
• individual text under the headline in the form area: textIndividualformcontenttext="individual text for the contact form"
• disable the border around the form: noBorder=1
• disable the padding of the form:& noPadding=1

Integration example (in a tab, modal box or in an off-canvas menu)

An example integration for the request form without a border and without padding would be: {action module=widgets controller=Globalembeddedforms action=show sFid=16 noBorder=1 noPadding=1 embeddedForm=1 ordernumber=$sArticle.ordernumber}.

This smarty code could, for example, be deposited in a tab to directly display the form in a tab, for example with this plugin:  https://store.shopware.com/en/digi120381816236/more-tabs-for-the-article-detail-pages-own-tabs-properties-downloads-and-more.html .

Likewise, you could deposit the smarty code also with a button, so that the form opens in a modal box (please remove the unnecessary spaces or use the code snippet from the instruction https://shopwaredemo.digitalwert.de/media/pdf/e7/38/f1/Guide_GlobalForms.pdf ):

For integrating a form into an off-canvas menu, the action tag offers further settings options:

• The form is an off-canvas form: offcanvasForm=1
• hide the close button from the off-canvas form: hideOffcanvasFormClose=1
• text of the close button from the off-canvas form: textOffcanvasFormClose="Weiter einkaufen"
• use custom css class for the off-canvas form: hasIndividualFormClass=1
• custom css class for the off-canvas form: individualFormClass="kontakt"
• No up distance: noMarginTop=1

The button that links to the off-canvas menu will look like this (please remove the unnecessary spaces or use the code snippet from the instruction https://shopwaredemo.digitalwert.de/media/pdf/e7/38/f1/Guide_GlobalForms.pdf ): < a  title="Kontakt" data-form->Contact< /a> . The action tag, which can be added to the shopware block frontend_index_footer, for example, in the template file "index.tpl" in the "frontend/index" directory, looks like this: {action module=widgets controller=Globalembeddedforms action=show sFid=5 noBorder=1 noPadding=0 noMarginTop=1 hideFormheader=1 offcanvasForm=1 hideOffcanvasFormClose=0 hasIndividualFormClass=1 individualFormClass="kontakt"} .

Informations about the plugin

(1). Developed according to the new plugin system from shopware 5.2.

(2). Compatible with PHP 7.

(3). Test for 30 days without obligation: with the trial version you can use the plugin for 30 days free of charge and in full directly in your shop.

(4). Compatible themes: This plugin is compatible with the Responsive theme from shopware and themes derived from it. When using a third party theme, which was purchased through the shopware store, the proper use of the plugin can not be guaranteed as with any other shopware plugin.

(5). Subshop compatiblity: the plugin supports subshops and can be activated per subshop.

(6). Unencrypted: the plugin is provided completely open source, so you do not need the license manager from shopware and it can therefore be used without problems without the iOnCube Loader.

(7). Own shopware blocks: the plugin provides its own shopware blocks so you be able to adapt or extend the plugin update safe in your own theme. The names of the corresponding own shopware blocks can be found in the instructions: https://shopwaredemo.digitalwert.de/media/pdf/e7/38/f1/Guide_GlobalForms.pdf .

(8). Optimize the inquiry form (so that the customer does not delete the article name): switch to the inquiry form in the shopware backend and click on the tab "Fields". Click in the "inquiry" field and change the label to "article name", the type to "text" and uncheck "required". Then use the "Add field" button to insert a new field with the name "message", the description "Inquiry" and the type "textarea" and check "required". Switch back to the "Basic Information" tab and change the value from "Frage: {sVars.inquiry}" to "Artikelname: {sVars.inquiry} / Nachricht: {sVars. message}" at "Email template" and save the form. Then you should empty the content of the snippet "InquiryTextArticle".

(9). Captcha methods: in conjunction with our plugin, we recommend using only the captcha methods recommended by shopware ("Configuration" -> "Basic settings" -> "Frontend" -> "Captcha" -> "Captcha Method"), since own captcha methods via plugins are not usually delivered at alle places where our plugin can be used and the validation of the captcha value by shopware does not work properly and could forwarding to the actual point in the shop.

(10). Translatable fields in the shopping world element: all technically possible fields can be translated in the shopping world element (globe icon).