Skip to content

Commit

Permalink
Merge pull request #2 from nofrixion/fix-helper-dialog
Browse files Browse the repository at this point in the history
Fix helper dialog
  • Loading branch information
james-nofrixion authored Apr 25, 2023
2 parents feb6206 + 57a4248 commit fc5a581
Show file tree
Hide file tree
Showing 5 changed files with 34 additions and 19 deletions.
30 changes: 20 additions & 10 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -14,22 +14,32 @@ It is recommended to use the `composer` PHP package manager for production magen

### Installation ###

- Install the files:
- Using composer (recommended). Run `composer require nofrixion/magento2-payments-module`
- Using a ZIP file (not recommended). Unzip the ZIP file in `app/code/Nofrixion/Payments`
- Enable the module by running `php bin/magento module:enable Nofrixion_Payments`
- Apply database updates by running `php bin/magento setup:upgrade` (for production, also add the parameter `--keep-generated` or you will need to run `php bin/magento setup:di:compile` again.)
- Flush the cache by running `php bin/magento cache:flush`
- Install the NoFrixion payments module using composer by running the following commands:

```bash
composer require nofrixion/magento2-payments-module
php bin/magento module:enable Nofrixion_Payments
php bin/magento setup:upgrade
php bin/magento setup:di:compile
php bin/magento cache:flush
```

\* it is also possible to install the module by downloading the ZIP file from github and extracting it to `{magento-install-directory/app/code/Nofrixion/Payments`. Then run the last four commands in the sequence above to enable the plugin. This method is NOT recommended for production environments.

Note, there are several third-party caching products that may be deployed in your Magento environment and prevent the payments module from appearing in the Magento administration interface. If the Nofrixion Payments module is not visible after following the above steps, most third party caches will be cleared by restarting the apache server.

### Updates ###

If you have installed the payments module using the composer command specified above, you can update the plugin using composer. The following procedure will update the payments plugin to the most recent stable version:
If you have installed the payments module using the composer command specified above, you can update the plugin using composer. From a shell session on your magento server, run:

```bash
composer update nofrixion/magento2-payments-module
php bin/magento setup:upgrade
php bin/magento setup:di:compile
php bin/magento cache:flush
```

- From a shell session on your magento server, run `composer update nofrixion/magento2-payments-module`.
- Apply database updates by running `php bin/magento setup:upgrade` (for production, also add the parameter `--keep-generated` or you will need to run `php bin/magento setup:di:compile` again.)
- Flush the cache by running `php bin/magento cache:flush`
If you are updating a production environment, we recommend [placing the store in maintenance mode](https://experienceleague.adobe.com/docs/commerce-operations/installation-guide/tutorials/maintenance-mode.html) first.

### Removal ###

Expand Down
3 changes: 3 additions & 0 deletions view/frontend/layout/checkout_index_index.xml
Original file line number Diff line number Diff line change
@@ -1,5 +1,8 @@
<?xml version="1.0" ?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" layout="1column" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<head>
<css src="Nofrixion_Payments::css/nofrixion-styles.css"/>
</head>
<body>
<referenceBlock name="checkout.root">
<arguments>
Expand Down
3 changes: 3 additions & 0 deletions view/frontend/web/css/nofrixion-styles.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
#spacer {
padding-left: 10%;
}
9 changes: 4 additions & 5 deletions view/frontend/web/css/source/_module.less
Original file line number Diff line number Diff line change
@@ -1,6 +1,5 @@
.nofrixion-tooltip {
.lib-tooltip(right,
@_tooltip-min-width: 400px,
@_tooltip-max-width: 800px,
@_tooltip-arrow-size: 5px);
}
.lib-tooltip(bottom,
@_tooltip-arrow-size: 0px);
z-index: 2;
}
8 changes: 4 additions & 4 deletions view/frontend/web/template/payment/nofrixion.html
Original file line number Diff line number Diff line change
Expand Up @@ -6,15 +6,15 @@
<label data-bind="attr: {'for': getCode()}" class="label"><span data-bind="text: getTitle()"></span></label>

<!-- BEGIN Nofrixion tooltip -->

<span class="nofrixion-tooltip" style="padding-left: 20%;">
<span id="spacer"></span>
<span class="nofrixion-tooltip">
<a href="#" class="tooltip-toggle" data-bind="text: 'What is ' + getTitle() + '?'"></a>
<span class="tooltip-content">
<span style="display: inline-block; vertical-align: top; padding: 1em; width: 40%;">
<span style="display: inline-block; vertical-align: top; padding: 1em">
<p>Pay by bank allows you to make a payment directly from your bank account without using a credit
card or other payment methods.</p>
</span>
<span style="display: inline-block;width: 50%;">
<span style="display: inline-block">
<img src="https://cdn.nofrixion.com/img/paybybank.gif"
alt="Pay by bank animation.">
</img>
Expand Down

0 comments on commit fc5a581

Please sign in to comment.