├── Block
    ├── Adminhtml
    │   └── Form
    │   │   └── Field
    │   │       └── Discounts.php
    ├── AllInstallments.php
    └── Script.php
├── Helper
    └── Data.php
├── LICENSE
├── Model
    └── Config
    │   ├── ConfigProvider.php
    │   ├── Path.php
    │   └── Source
    │       ├── InterestType.php
    │       └── MaximumQuantityInstallments.php
├── README.md
├── composer.json
├── etc
    ├── acl.xml
    ├── adminhtml
    │   └── system.xml
    ├── config.xml
    └── module.xml
├── i18n
    └── pt_BR.csv
├── registration.php
└── view
    └── frontend
        ├── layout
            ├── catalog_product_view.xml
            └── default.xml
        ├── requirejs-config.js
        ├── templates
            ├── all_installments.phtml
            └── script.phtml
        └── web
            ├── css
                └── source
                │   └── _module.less
            └── js
                ├── installment.js
                └── price-box-mixin.js


/Block/Adminhtml/Form/Field/Discounts.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | declare(strict_types=1);
 3 | 
 4 | namespace Backendorf\Installment\Block\Adminhtml\Form\Field;
 5 | 
 6 | use \Magento\Config\Block\System\Config\Form\Field\FieldArray\AbstractFieldArray;
 7 | 
 8 | class Discounts extends AbstractFieldArray
 9 | {
10 |     /**
11 |      * @return void
12 |      */
13 |     protected function _prepareToRender(): void
14 |     {
15 |         $this->addColumn(
16 |             'name',
17 |             [
18 |                 'label' => __('Name'),
19 |                 'class' => 'required-entry'
20 |             ]
21 |         );
22 |         $this->addColumn(
23 |             'percentage',
24 |             [
25 |                 'label' => __('Percentage'),
26 |                 'class' => 'required-entry validate-currency-dollar'
27 |             ]
28 |         );
29 |         $this->_addAfter = false;
30 |         $this->_addButtonLabel = __('Add');
31 |     }
32 | }
33 | 


--------------------------------------------------------------------------------
/Block/AllInstallments.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | declare(strict_types=1);
 3 | 
 4 | namespace Backendorf\Installment\Block;
 5 | 
 6 | use \Backendorf\Installment\Helper\Data as helperData;
 7 | use \Magento\Catalog\Api\ProductRepositoryInterface;
 8 | use \Magento\Catalog\Block\Product\Context;
 9 | use \Magento\Catalog\Block\Product\View;
10 | use \Magento\Catalog\Helper\Product;
11 | use \Magento\Catalog\Model\ProductTypes\ConfigInterface;
12 | use \Magento\Customer\Model\Session;
13 | use \Magento\Framework\Locale\FormatInterface;
14 | use \Magento\Framework\Pricing\PriceCurrencyInterface;
15 | use \Magento\Framework\Stdlib\StringUtils;
16 | use \Magento\Framework\Url\EncoderInterface as urlEncoder;
17 | use \Magento\Framework\Json\EncoderInterface as jsonEncoder;
18 | 
19 | class AllInstallments extends View
20 | {
21 |     /**
22 |      * @var helperData
23 |      */
24 |     public helperData $_helperData;
25 | 
26 |     /**
27 |      * @param helperData $HelperData
28 |      * @param Context $context
29 |      * @param urlEncoder $urlEncoder
30 |      * @param jsonEncoder $jsonEncoder
31 |      * @param StringUtils $stringUtils
32 |      * @param Product $productHelper
33 |      * @param ConfigInterface $productTypeConfig
34 |      * @param FormatInterface $localeFormat
35 |      * @param Session $customerSession
36 |      * @param ProductRepositoryInterface $productRepository
37 |      * @param PriceCurrencyInterface $priceCurrency
38 |      * @param array $data
39 |      */
40 |     public function __construct(
41 |         helperData                 $HelperData,
42 |         Context                    $context,
43 |         urlEncoder                 $urlEncoder,
44 |         jsonEncoder                $jsonEncoder,
45 |         StringUtils                $stringUtils,
46 |         Product                    $productHelper,
47 |         ConfigInterface            $productTypeConfig,
48 |         FormatInterface            $localeFormat,
49 |         Session                    $customerSession,
50 |         ProductRepositoryInterface $productRepository,
51 |         PriceCurrencyInterface     $priceCurrency,
52 |         array                      $data = []
53 |     )
54 |     {
55 |         $this->_helperData = $HelperData;
56 |         parent::__construct(
57 |             $context,
58 |             $urlEncoder,
59 |             $jsonEncoder,
60 |             $stringUtils,
61 |             $productHelper,
62 |             $productTypeConfig,
63 |             $localeFormat,
64 |             $customerSession,
65 |             $productRepository,
66 |             $priceCurrency,
67 |             $data
68 |         );
69 |     }
70 | 
71 |     /**
72 |      * @return bool
73 |      */
74 |     public function renderAllInstallments(): bool
75 |     {
76 |         return $this->_helperData->showAllInstallments($this->getProduct());
77 |     }
78 | }
79 | 


--------------------------------------------------------------------------------
/Block/Script.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | declare(strict_types=1);
 3 | 
 4 | namespace Backendorf\Installment\Block;
 5 | 
 6 | use \Backendorf\Installment\Helper\Data;
 7 | use \Magento\Framework\View\Element\Template;
 8 | use \Magento\Framework\View\Element\Template\Context;
 9 | 
10 | class Script extends Template
11 | {
12 |     /**
13 |      * @var Data
14 |      */
15 |     public Data $_helperData;
16 | 
17 |     /**
18 |      * @param Context $Context
19 |      * @param Data $HelperData
20 |      * @param array $Data
21 |      */
22 |     public function __construct(
23 |         Context $Context,
24 |         Data    $HelperData,
25 |         array   $Data = []
26 |     )
27 |     {
28 |         $this->_helperData = $HelperData;
29 |         parent::__construct($Context, $Data);
30 |     }
31 | 
32 |     /**
33 |      * @return string
34 |      */
35 |     public function getConfig(): string
36 |     {
37 |         return json_encode($this->_helperData->getConfig());
38 |     }
39 | }
40 | 


--------------------------------------------------------------------------------
/Helper/Data.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | declare(strict_types=1);
  3 | 
  4 | namespace Backendorf\Installment\Helper;
  5 | 
  6 | use \Backendorf\Installment\Model\Config\ConfigProvider;
  7 | use \Magento\Framework\App\Helper\AbstractHelper;
  8 | use \Magento\Framework\App\Helper\Context;
  9 | use \Magento\Framework\Pricing\PriceCurrencyInterface;
 10 | 
 11 | class Data extends AbstractHelper
 12 | {
 13 |     /**
 14 |      * @var ConfigProvider
 15 |      */
 16 |     protected ConfigProvider $_configProvider;
 17 | 
 18 |     /**
 19 |      * @var PriceCurrencyInterface
 20 |      */
 21 |     protected PriceCurrencyInterface $_priceCurrency;
 22 | 
 23 |     /**
 24 |      * @param Context $context
 25 |      * @param ConfigProvider $ConfigProvider
 26 |      * @param PriceCurrencyInterface $PriceCurrency
 27 |      */
 28 |     public function __construct(
 29 |         Context                $context,
 30 |         ConfigProvider         $ConfigProvider,
 31 |         PriceCurrencyInterface $PriceCurrency
 32 |     )
 33 |     {
 34 |         parent::__construct($context);
 35 |         $this->_configProvider = $ConfigProvider;
 36 |         $this->_priceCurrency = $PriceCurrency;
 37 |     }
 38 | 
 39 |     /**
 40 |      * @return array
 41 |      */
 42 |     public function getConfig(): array
 43 |     {
 44 |         $config = [];
 45 |         $config['enabled'] = $this->_configProvider->isModuleEnable();
 46 |         $config['interest_type'] = $this->_configProvider->getInterestType();
 47 |         $config['maximum_quantity_installments'] = $this->_configProvider->getMaximumQuantityInstallments();
 48 |         $config['minimum_installment_value'] = $this->_configProvider->getMinimumInstallmentValue();
 49 |         $config['discounts'] = $this->_configProvider->getDiscounts();
 50 |         $config['best_installment_in_cart'] = $this->_configProvider->bestInstallmentInCart();
 51 |         $config['interest'] = [];
 52 |         $config['currency_symbol'] = $this->_priceCurrency->getCurrencySymbol();
 53 |         $config['show_first_installment'] = $this->_configProvider->showFirstInstallment();
 54 |         $config['templates'] = [
 55 |             'catalog_category_view' => $this->_configProvider->getPriceTemplate('catalog_category_view'),
 56 |             'catalogsearch_result_index' => $this->_configProvider->getPriceTemplate('catalogsearch_result_index'),
 57 |             'catalog_product_view' => $this->_configProvider->getPriceTemplate('catalog_product_view'),
 58 |             'discount_template' => $this->_configProvider->getPriceTemplate('discount_template'),
 59 |             'all_installment_template' => $this->_configProvider->getPriceTemplate('all_installment_template'),
 60 |             'in_cart_template' => $this->_configProvider->getPriceTemplate('in_cart_template'),
 61 |             'text_free_interest' => $this->_configProvider->getPriceTemplate('text_free_interest'),
 62 |             'text_with_interest' => $this->_configProvider->getPriceTemplate('text_with_interest')
 63 |         ];
 64 | 
 65 |         for ($i = 1; $i < 13; $i++) {
 66 |             $config['interest'][$i] = (double)$this->_configProvider->getInterestRate($i);
 67 |         }
 68 | 
 69 |         return $config;
 70 |     }
 71 | 
 72 |     /**
 73 |      * @param $product
 74 |      * @return bool
 75 |      */
 76 |     public function showAllInstallments($product): bool
 77 |     {
 78 |         if (!$this->_configProvider->isModuleEnable() || !$this->_configProvider->showAllInstallments()) {
 79 |             return false;
 80 |         }
 81 | 
 82 |         if (!$product) {
 83 |             $this->_logger->alert(__('Missing product parameter on showAllInstallments()'));
 84 |             return false;
 85 |         }
 86 | 
 87 |         $productPrice = $this->getProductPrice($product);
 88 |         $minInstallment = $this->_configProvider->getMinimumInstallmentValue();
 89 | 
 90 |         if (($productPrice < $minInstallment)) {
 91 |             return false;
 92 |         }
 93 | 
 94 |         return true;
 95 |     }
 96 | 
 97 |     /**
 98 |      * @param $product
 99 |      * @return float
100 |      */
101 |     private function getProductPrice($product): float
102 |     {
103 |         return (float)($product->getMinimalPrice()) ? $product->getMinimalPrice() : $product->getPriceInfo()->getPrice('final_price')->getAmount()->getValue();
104 |     }
105 | 
106 |     /**
107 |      * @return array
108 |      */
109 |     public function getStyles(): array
110 |     {
111 |         return $this->_configProvider->getStyles();
112 |     }
113 | }
114 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2024 Backendorf
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/Model/Config/ConfigProvider.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | declare(strict_types=1);
  3 | 
  4 | namespace Backendorf\Installment\Model\Config;
  5 | 
  6 | use \Magento\Framework\App\Config\ScopeConfigInterface;
  7 | use \Magento\Framework\Serialize\Serializer\Json;
  8 | use \Magento\Framework\Unserialize\Unserialize;
  9 | 
 10 | class ConfigProvider
 11 | {
 12 |     /**
 13 |      * @var Path
 14 |      */
 15 |     protected Path $_configPath;
 16 | 
 17 |     /**
 18 |      * @var ScopeConfigInterface
 19 |      */
 20 |     protected ScopeConfigInterface $_scopeConfig;
 21 | 
 22 |     /**
 23 |      * @var Unserialize
 24 |      */
 25 |     protected Unserialize $_unserialize;
 26 | 
 27 |     /**
 28 |      * @var Json
 29 |      */
 30 |     private Json $_serializerJson;
 31 | 
 32 |     /**
 33 |      * @param ScopeConfigInterface $ScopeConfig
 34 |      * @param Path $ConfigPath
 35 |      * @param Unserialize $Unserialize
 36 |      * @param Json $SerializerJson
 37 |      */
 38 |     function __construct(
 39 |         ScopeConfigInterface $ScopeConfig,
 40 |         Path                 $ConfigPath,
 41 |         Unserialize          $Unserialize,
 42 |         Json                 $SerializerJson
 43 |     )
 44 |     {
 45 |         $this->_configPath = $ConfigPath;
 46 |         $this->_scopeConfig = $ScopeConfig;
 47 |         $this->_unserialize = $Unserialize;
 48 |         $this->_serializerJson = $SerializerJson;
 49 |     }
 50 | 
 51 |     /**
 52 |      * @return bool
 53 |      */
 54 |     public function isModuleEnable(): bool
 55 |     {
 56 |         return $this->_scopeConfig->isSetFlag($this->_configPath::MODULE_ENABLE);
 57 |     }
 58 | 
 59 |     /**
 60 |      * @return int
 61 |      */
 62 |     public function getMaximumQuantityInstallments(): int
 63 |     {
 64 |         return (int)$this->_scopeConfig->getValue($this->_configPath::MAXIMUM_QUANTITY_INSTALLMENTS);
 65 |     }
 66 | 
 67 |     /**
 68 |      * @return float
 69 |      */
 70 |     public function getMinimumInstallmentValue(): float
 71 |     {
 72 |         return (float)$this->_scopeConfig->getValue($this->_configPath::MINIMUM_INSTALLMENT_VALUE);
 73 |     }
 74 | 
 75 |     /**
 76 |      * @return bool
 77 |      */
 78 |     public function showAllInstallments(): bool
 79 |     {
 80 |         return $this->_scopeConfig->isSetFlag($this->_configPath::SHOW_ALL_INSTALLMENTS_ON_PRODUCT_PAGE);
 81 |     }
 82 | 
 83 |     /**
 84 |      * @return string
 85 |      */
 86 |     public function getInterestType(): string
 87 |     {
 88 |         return (string)$this->_scopeConfig->getValue($this->_configPath::INTEREST_TYPE);
 89 |     }
 90 | 
 91 |     /**
 92 |      * @param int $x
 93 |      * @return float|null
 94 |      */
 95 |     public function getInterestRate(int $x): ?float
 96 |     {
 97 |         return (float)$this->_scopeConfig->getValue($this->_configPath::INSTALLMENT_INTEREST_X . 'interest_' . $x);
 98 |     }
 99 | 
100 |     /**
101 |      * @return array
102 |      */
103 |     public function getDiscounts(): array
104 |     {
105 |         $value = $this->_scopeConfig->getValue($this->_configPath::DISCOUNTS);
106 | 
107 |         if (empty($value)) {
108 |             return [];
109 |         }
110 | 
111 |         if ($this->isSerialized($value)) {
112 |             $unserializer = $this->_unserialize;
113 |         } else {
114 |             $unserializer = $this->_serializerJson;
115 |         }
116 | 
117 |         return $unserializer->unserialize($value);
118 |     }
119 | 
120 |     /**
121 |      * @param $value
122 |      * @return bool
123 |      */
124 |     private function isSerialized($value): bool
125 |     {
126 |         return (boolean)preg_match('/^((s|i|d|b|a|O|C):|N;)/', $value);
127 |     }
128 | 
129 |     /**
130 |      * @return bool
131 |      */
132 |     public function showFirstInstallment(): bool
133 |     {
134 |         return $this->_scopeConfig->isSetFlag($this->_configPath::SHOW_FIRST_INSTALLMENT);
135 |     }
136 | 
137 |     /**
138 |      * @return bool
139 |      */
140 |     public function bestInstallmentInCart(): bool
141 |     {
142 |         return $this->_scopeConfig->isSetFlag($this->_configPath::BEST_INSTALLMENT_IN_CART);
143 |     }
144 | 
145 |     /**
146 |      * @param string $page
147 |      * @return string
148 |      */
149 |     public function getPriceTemplate(string $page): string
150 |     {
151 |         return (string)$this->_scopeConfig->getValue(str_replace('{{page}}', $page, $this->_configPath::PRICE_TEMPLATE));
152 |     }
153 | 
154 |     /**
155 |      * @return array
156 |      */
157 |     public function getStyles(): array
158 |     {
159 |         return [
160 |             'primary-color' => $this->_scopeConfig->getValue($this->_configPath::PRIMARY_COLOR),
161 |             'highlight-text-color' => $this->_scopeConfig->getValue($this->_configPath::HIGHLIGHT_TEXT_COLOR),
162 |             'highlight-text-font-weight' => $this->_scopeConfig->getValue($this->_configPath::HIGLIGHT_TEXT_FONT_WEIGHT)
163 |         ];
164 |     }
165 | }
166 | 


--------------------------------------------------------------------------------
/Model/Config/Path.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | declare(strict_types=1);
 3 | 
 4 | namespace Backendorf\Installment\Model\Config;
 5 | 
 6 | class Path
 7 | {
 8 |     const BASE_PATH = 'backendorf_installment';
 9 |     const MODULE_ENABLE = self::BASE_PATH . '/general/is_enabled';
10 |     const MAXIMUM_QUANTITY_INSTALLMENTS = self::BASE_PATH . '/general/maximum_quantity_installments';
11 |     const MINIMUM_INSTALLMENT_VALUE = self::BASE_PATH . '/general/minimum_installment_value';
12 |     const SHOW_ALL_INSTALLMENTS_ON_PRODUCT_PAGE = self::BASE_PATH . '/general/show_all_installments_on_product_page';
13 |     const INTEREST_TYPE = self::BASE_PATH . '/interest/type';
14 |     const INSTALLMENT_INTEREST_X = self::BASE_PATH . '/interest/';
15 |     const DISCOUNTS = self::BASE_PATH . '/discounts/discounts';
16 |     const SHOW_FIRST_INSTALLMENT = self::BASE_PATH . '/general/show_first_installment';
17 |     const BEST_INSTALLMENT_IN_CART = self::BASE_PATH . '/general/best_installment_in_cart';
18 |     const PRICE_TEMPLATE = self::BASE_PATH . '/price_templates/{{page}}';
19 |     const PRIMARY_COLOR = self::BASE_PATH . '/styles/primary_color';
20 |     const HIGHLIGHT_TEXT_COLOR = self::BASE_PATH . '/styles/highlight_text_color';
21 |     const HIGLIGHT_TEXT_FONT_WEIGHT = self::BASE_PATH . '/styles/highlight_text_font_weight';
22 | }
23 | 


--------------------------------------------------------------------------------
/Model/Config/Source/InterestType.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | declare(strict_types=1);
 3 | 
 4 | namespace Backendorf\Installment\Model\Config\Source;
 5 | 
 6 | use \Magento\Framework\Option\ArrayInterface;
 7 | 
 8 | class InterestType implements ArrayInterface
 9 | {
10 |     /**
11 |      * @return array[]
12 |      */
13 |     public function toOptionArray(): array
14 |     {
15 |         return [
16 |             [
17 |                 'value' => 'simple',
18 |                 'label' => __('Simple')
19 |             ],
20 |             [
21 |                 'value' => 'compound',
22 |                 'label' => __('Compound')
23 |             ]
24 |         ];
25 |     }
26 | 
27 |     /**
28 |      * @return array
29 |      */
30 |     public function toArray(): array
31 |     {
32 |         return [
33 |             'simples' => __('Simple'),
34 |             'compound' => __('Compound')
35 |         ];
36 |     }
37 | }
38 | 


--------------------------------------------------------------------------------
/Model/Config/Source/MaximumQuantityInstallments.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | declare(strict_types=1);
 3 | 
 4 | namespace Backendorf\Installment\Model\Config\Source;
 5 | 
 6 | use \Magento\Framework\Option\ArrayInterface;
 7 | 
 8 | class MaximumQuantityInstallments implements ArrayInterface
 9 | {
10 | 
11 |     /**
12 |      * @return array[]
13 |      */
14 |     public function toOptionArray(): array
15 |     {
16 |         return [
17 |             [
18 |                 'value' => '1',
19 |                 'label' => __('1')
20 |             ],
21 |             [
22 |                 'value' => '2',
23 |                 'label' => __('2')
24 |             ],
25 |             [
26 |                 'value' => '3',
27 |                 'label' => __('3')
28 |             ],
29 |             [
30 |                 'value' => '4',
31 |                 'label' => __('4')
32 |             ],
33 |             [
34 |                 'value' => '5',
35 |                 'label' => __('5')
36 |             ],
37 |             [
38 |                 'value' => '6',
39 |                 'label' => __('6')
40 |             ],
41 |             [
42 |                 'value' => '7',
43 |                 'label' => __('7')
44 |             ],
45 |             [
46 |                 'value' => '8',
47 |                 'label' => __('8')
48 |             ],
49 |             [
50 |                 'value' => '9',
51 |                 'label' => __('9')
52 |             ],
53 |             [
54 |                 'value' => '10',
55 |                 'label' => __('10')
56 |             ],
57 |             [
58 |                 'value' => '11',
59 |                 'label' => __('11')
60 |             ],
61 |             [
62 |                 'value' => '12',
63 |                 'label' => __('12')
64 |             ]
65 |         ];
66 |     }
67 | 
68 |     /**
69 |      * @return array
70 |      */
71 |     public function toArray(): array
72 |     {
73 |         return [
74 |             '1' => __('1'),
75 |             '2' => __('2'),
76 |             '3' => __('3'),
77 |             '4' => __('4'),
78 |             '5' => __('5'),
79 |             '6' => __('6'),
80 |             '7' => __('7'),
81 |             '8' => __('8'),
82 |             '9' => __('9'),
83 |             '10' => __('10'),
84 |             '11' => __('11'),
85 |             '12' => __('12')
86 |         ];
87 |     }
88 | }
89 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | ## Description
 2 |  Basically, this module makes it possible to display the installment values and discounts on the frontend.
 3 | 
 4 | ## Installation
 5 | > - `composer require backendorf/module-installment`
 6 | > - `bin/magento setup:upgrade && bin/magento setup:di:compile`
 7 | > - Navigate to "Shop->Configuration->Backendorf->Installment" and configure the options.
 8 | > - Clear the cache.
 9 | 
10 | ## Prerequisites
11 | > - The module is compatible with Magento 2.x.x
12 | 
13 | ## Dependencies
14 | > - Magento_Catalog
15 | 
16 | # Features
17 | > - Maximum number of installments;
18 | > - Minimum installment value;
19 | > - Show all installment options on the product page;
20 | > - Show first installment;
21 | > - Interest calculation type (simple or compound);
22 | > - Percentage of interest on each installment (up to 12th);
23 | > - Show the lowest parcel in the cart;
24 | > - Multiple discounts;
25 | > - Configure price templates for the main catalog pages;
26 | 


--------------------------------------------------------------------------------
/composer.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "name": "backendorf/module-installment",
 3 |     "description": "Add installment feature to Magento 2",
 4 |     "type": "magento2-module",
 5 |     "minimum-stability": "dev",
 6 |     "require": {},
 7 |     "autoload": {
 8 |         "psr-4": {
 9 |             "Backendorf\\Installment\\": ""
10 |         },
11 |         "files": [
12 |             "registration.php"
13 |         ]
14 |     }
15 | }
16 | 


--------------------------------------------------------------------------------
/etc/acl.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" ?>
 2 | <config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 3 |         xsi:noNamespaceSchemaLocation="urn:magento:framework:Acl/etc/acl.xsd">
 4 |     <acl>
 5 |         <resources>
 6 |             <resource id="Magento_Backend::admin">
 7 |                 <resource id="Magento_Backend::stores">
 8 |                     <resource id="Magento_Backend::stores_settings">
 9 |                         <resource id="Magento_Config::config">
10 |                             <resource id="Backendorf_Installment::config_backendorf_installment" title="Installment"/>
11 |                         </resource>
12 |                     </resource>
13 |                 </resource>
14 |             </resource>
15 |         </resources>
16 |     </acl>
17 | </config>
18 | 


--------------------------------------------------------------------------------
/etc/adminhtml/system.xml:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" ?>
  2 | <config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  3 |         xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Config:etc/system_file.xsd">
  4 |     <system>
  5 |         <tab id="backendorf" sortOrder="999" translate="label">
  6 |             <label>Backendorf</label>
  7 |         </tab>
  8 |         <section id="backendorf_installment" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="1"
  9 |                  translate="label">
 10 |             <label>Installment</label>
 11 |             <tab>backendorf</tab>
 12 |             <resource>Backendorf_Installment::config_backendorf_installment</resource>
 13 |             <group id="general" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="10" translate="label">
 14 |                 <label>General</label>
 15 |                 <field id="is_enabled" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="1"
 16 |                        translate="label" type="select">
 17 |                     <label>Enabled</label>
 18 |                     <comment/>
 19 |                     <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
 20 |                 </field>
 21 |                 <field id="maximum_quantity_installments" showInDefault="1" showInStore="1" showInWebsite="1"
 22 |                        sortOrder="2" translate="label" type="select">
 23 |                     <label>Maximum quantity installments</label>
 24 |                     <comment/>
 25 |                     <source_model>Backendorf\Installment\Model\Config\Source\MaximumQuantityInstallments</source_model>
 26 |                 </field>
 27 |                 <field id="minimum_installment_value" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="3"
 28 |                        translate="label" type="text">
 29 |                     <label>Minimum installment value</label>
 30 |                     <validate>required-entry validate-currency-dollar</validate>
 31 |                     <comment/>
 32 |                 </field>
 33 |                 <field id="show_all_installments_on_product_page" showInDefault="1" showInStore="1" showInWebsite="1"
 34 |                        sortOrder="4" translate="label" type="select">
 35 |                     <label>Show all installments on product page</label>
 36 |                     <comment/>
 37 |                     <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
 38 |                 </field>
 39 |                 <field id="show_first_installment" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="5"
 40 |                        translate="label" type="select">
 41 |                     <label>Show the first installment</label>
 42 |                     <comment/>
 43 |                     <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
 44 |                 </field>
 45 |                 <field id="best_installment_in_cart" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="5"
 46 |                        translate="label" type="select">
 47 |                     <label>Best installment in cart</label>
 48 |                     <comment/>
 49 |                     <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
 50 |                 </field>
 51 |             </group>
 52 |             <group id="interest" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="20" translate="label">
 53 |                 <label>Interest</label>
 54 |                 <field id="type" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="1" translate="label"
 55 |                        type="select">
 56 |                     <label>Interest type</label>
 57 |                     <comment/>
 58 |                     <source_model>Backendorf\Installment\Model\Config\Source\InterestType</source_model>
 59 |                 </field>
 60 |                 <field id="interest_2" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="3"
 61 |                        translate="label" type="text">
 62 |                     <label>2x</label>
 63 |                     <validate>required-entry validate-currency-dollar</validate>
 64 |                     <comment/>
 65 |                 </field>
 66 |                 <field id="interest_3" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="4"
 67 |                        translate="label" type="text">
 68 |                     <label>3x</label>
 69 |                     <validate>required-entry validate-currency-dollar</validate>
 70 |                     <comment/>
 71 |                 </field>
 72 |                 <field id="interest_4" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="5"
 73 |                        translate="label" type="text">
 74 |                     <label>4x</label>
 75 |                     <validate>required-entry validate-currency-dollar</validate>
 76 |                     <comment/>
 77 |                 </field>
 78 |                 <field id="interest_5" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="6"
 79 |                        translate="label" type="text">
 80 |                     <label>5x</label>
 81 |                     <validate>required-entry validate-currency-dollar</validate>
 82 |                     <comment/>
 83 |                 </field>
 84 |                 <field id="interest_6" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="7"
 85 |                        translate="label" type="text">
 86 |                     <label>6x</label>
 87 |                     <validate>required-entry validate-currency-dollar</validate>
 88 |                     <comment/>
 89 |                 </field>
 90 |                 <field id="interest_7" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="8"
 91 |                        translate="label" type="text">
 92 |                     <label>7x</label>
 93 |                     <validate>required-entry validate-currency-dollar</validate>
 94 |                     <comment/>
 95 |                 </field>
 96 |                 <field id="interest_8" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="9"
 97 |                        translate="label" type="text">
 98 |                     <label>8x</label>
 99 |                     <validate>required-entry validate-currency-dollar</validate>
100 |                     <comment/>
101 |                 </field>
102 |                 <field id="interest_9" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="10"
103 |                        translate="label" type="text">
104 |                     <label>9x</label>
105 |                     <validate>required-entry validate-currency-dollar</validate>
106 |                     <comment/>
107 |                 </field>
108 |                 <field id="interest_10" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="11"
109 |                        translate="label" type="text">
110 |                     <label>10x</label>
111 |                     <validate>required-entry validate-currency-dollar</validate>
112 |                     <comment/>
113 |                 </field>
114 |                 <field id="interest_11" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="12"
115 |                        translate="label" type="text">
116 |                     <label>11x</label>
117 |                     <validate>required-entry validate-currency-dollar</validate>
118 |                     <comment/>
119 |                 </field>
120 |                 <field id="interest_12" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="13"
121 |                        translate="label" type="text">
122 |                     <label>12x</label>
123 |                     <validate>required-entry validate-currency-dollar</validate>
124 |                     <comment/>
125 |                 </field>
126 |             </group>
127 |             <group id="discounts" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="30" translate="label">
128 |                 <label>Discounts</label>
129 |                 <field id="discounts" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="10"
130 |                        translate="label" type="select">
131 |                     <label>Discount</label>
132 |                     <frontend_model>Backendorf\Installment\Block\Adminhtml\Form\Field\Discounts</frontend_model>
133 |                     <backend_model>Magento\Config\Model\Config\Backend\Serialized\ArraySerialized</backend_model>
134 |                 </field>
135 |             </group>
136 |             <group id="price_templates" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="40"
137 |                    translate="label">
138 |                 <label>Price Templates</label>
139 |                 <field id="catalog_category_view" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="1"
140 |                        translate="label" type="textarea" canRestore="1">
141 |                     <label>On Category Page</label>
142 |                     <validate>required-entry</validate>
143 |                     <comment><![CDATA[Options: {{default}}{{qty}}{{value}}{{interest}}{{discounts}}]]></comment>
144 |                 </field>
145 |                 <field id="catalogsearch_result_index" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="2"
146 |                        translate="label" type="textarea" canRestore="1">
147 |                     <label>On Search Results</label>
148 |                     <validate>required-entry</validate>
149 |                     <comment><![CDATA[Options: {{default}}{{qty}}{{value}}{{interest}}{{discounts}}]]></comment>
150 |                 </field>
151 |                 <field id="catalog_product_view" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="3"
152 |                        translate="label" type="textarea" canRestore="1">
153 |                     <label>On Product View</label>
154 |                     <validate>required-entry</validate>
155 |                     <comment><![CDATA[Options: {{default}}{{qty}}{{value}}{{interest}}{{discounts}}]]></comment>
156 |                 </field>
157 |                 <field id="discount_template" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="4"
158 |                        translate="label" type="textarea" canRestore="1">
159 |                     <label>Discount Template</label>
160 |                     <validate>required-entry</validate>
161 |                     <comment><![CDATA[Options: {{valueWithDiscount}}{{percentage}}{{name}}]]></comment>
162 |                 </field>
163 |                 <field id="in_cart_template" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="5"
164 |                        translate="label" type="textarea" canRestore="1">
165 |                     <label>In Cart Template</label>
166 |                     <validate>required-entry</validate>
167 |                     <comment><![CDATA[Options: {{qty}}{{value}}{{interest}}]]></comment>
168 |                 </field>
169 |                 <field id="all_installment_template" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="6"
170 |                        translate="label" type="textarea" canRestore="1">
171 |                     <label>All Installment Template</label>
172 |                     <validate>required-entry</validate>
173 |                     <comment><![CDATA[Options: {{qty}}{{value}}{{interest}}]]></comment>
174 |                 </field>
175 |                 <field id="text_with_interest" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="6"
176 |                        translate="label" type="textarea" canRestore="1">
177 |                     <label>Text with interest</label>
178 |                     <validate>required-entry</validate>
179 |                     <comment><![CDATA[Options: {{rate}} {{amount}} {{total_interest}} ]]></comment>
180 |                 </field>
181 |                 <field id="text_free_interest" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="6"
182 |                        translate="label" type="textarea" canRestore="1">
183 |                     <label>Text free interest</label>
184 |                     <validate>required-entry</validate>
185 |                     <comment><![CDATA[Options: {{rate}} {{amount}} {{total_interest}} ]]></comment>
186 |                 </field>
187 |             </group>
188 |             <group id="styles" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="50"
189 |                    translate="label">
190 |                 <label>Styles</label>
191 |                 <field id="primary_color" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="1"
192 |                        translate="label" type="text" canRestore="1">
193 |                     <label>Primary color</label>
194 |                     <validate>required-entry</validate>
195 |                 </field>
196 |                 <field id="highlight_text_color" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="2"
197 |                        translate="label" type="text" canRestore="1">
198 |                     <label>Highlight text color</label>
199 |                     <validate>required-entry</validate>
200 |                 </field>
201 | 
202 |                 <field id="highlight_text_font_weight" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="3"
203 |                        translate="label" type="text" canRestore="1">
204 |                     <label>Highlight text font weight</label>
205 |                     <validate>required-entry</validate>
206 |                 </field>
207 |             </group>
208 |         </section>
209 |     </system>
210 | </config>
211 | 


--------------------------------------------------------------------------------
/etc/config.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" ?>
 2 | <config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 3 |         xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Store:etc/config.xsd">
 4 |     <default>
 5 |         <backendorf_installment>
 6 |             <general>
 7 |                 <is_enabled>1</is_enabled>
 8 |                 <maximum_quantity_installments>12</maximum_quantity_installments>
 9 |                 <minimum_installment_value>5</minimum_installment_value>
10 |                 <show_all_installments_on_product_page>1</show_all_installments_on_product_page>
11 |                 <show_first_installment>0</show_first_installment>
12 |                 <best_installment_in_cart>1</best_installment_in_cart>
13 |             </general>
14 |             <interest>
15 |                 <type/>
16 |                 <interest_2>0</interest_2>
17 |                 <interest_3>0</interest_3>
18 |                 <interest_4>0</interest_4>
19 |                 <interest_5>0</interest_5>
20 |                 <interest_6>0</interest_6>
21 |                 <interest_7>0</interest_7>
22 |                 <interest_8>0</interest_8>
23 |                 <interest_9>0</interest_9>
24 |                 <interest_10>0</interest_10>
25 |                 <interest_11>0</interest_11>
26 |                 <interest_12>0</interest_12>
27 |             </interest>
28 |             <discounts/>
29 |             <price_templates>
30 |                 <catalog_category_view>
31 |                     <![CDATA[{{default}} <strong>{{qty}}X</strong> de <strong>{{value}}</strong>{{interest}} {{discounts}}]]></catalog_category_view>
32 |                 <catalogsearch_result_index>
33 |                     <![CDATA[{{default}} <strong>{{qty}}X</strong> de <strong>{{value}}</strong>{{interest}} {{discounts}}]]></catalogsearch_result_index>
34 |                 <catalog_product_view>
35 |                     <![CDATA[{{default}} <strong>{{qty}}X</strong> de <strong>{{value}}</strong>{{interest}} {{discounts}}]]></catalog_product_view>
36 |                 <discount_template>
37 |                     <![CDATA[<strong>{{valueWithDiscount}}</strong> {{percentage}} no {{name}}]]></discount_template>
38 |                 <in_cart_template>
39 |                     <![CDATA[Em <strong>{{qty}}X</strong> de <strong>{{value}}</strong> {{interest}}]]></in_cart_template>
40 |                 <all_installment_template>
41 |                     <![CDATA[Em <strong>{{qty}}x</strong> de <strong>{{value}}</strong> {{interest}}]]></all_installment_template>
42 |                 <text_with_interest>
43 |                     <![CDATA[<span>(taxa de {{rate}} = {{total_interest}}, totalizando {{amount}})</span>]]></text_with_interest>
44 |                 <text_free_interest><![CDATA[<span>sem juros</span>]]></text_free_interest>
45 |             </price_templates>
46 |             <styles>
47 |                 <primary_color>#1979c3</primary_color>
48 |                 <highlight_text_color>#1979c3</highlight_text_color>
49 |                 <highlight_text_font_weight>700</highlight_text_font_weight>
50 |             </styles>
51 |         </backendorf_installment>
52 |     </default>
53 | </config>
54 | 


--------------------------------------------------------------------------------
/etc/module.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" ?>
 2 | <config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 3 |         xsi:noNamespaceSchemaLocation="urn:magento:framework:Module/etc/module.xsd">
 4 |     <module name="Backendorf_Installment">
 5 |         <sequence>
 6 |             <module name="Magento_Catalog"/>
 7 |         </sequence>
 8 |     </module>
 9 | </config>
10 | 


--------------------------------------------------------------------------------
/i18n/pt_BR.csv:
--------------------------------------------------------------------------------
 1 | Name,Nome
 2 | Percentage,Percentual
 3 | Add,Adicionar
 4 | "Missing product parameter on showAllInstallments()","Missing product parameter on showAllInstallments()"
 5 | Simple,Simples
 6 | Compound,Composto
 7 | 1,1
 8 | 2,2
 9 | 3,3
10 | 4,4
11 | 5,5
12 | 6,6
13 | 7,7
14 | 8,8
15 | 9,9
16 | 10,10
17 | 11,11
18 | 12,12
19 | "More installment options","Mais opções de parcelamento"
20 | Calculating...,Calculando...
21 | "The values presented are for consultation only, the real value of the parcel will be displayed at the end of the order.","Os valores apresentados são apenas para consulta, o valor real da parcela será exibido no fechamento do pedido."
22 | Backendorf,Backendorf
23 | Installment,Preços adicionais
24 | General,Geral
25 | Enabled,Habilitado
26 | "Maximum quantity installments","Quantidade máxima de parcelas"
27 | "Minimum installment value","Valor mínimo da parcela"
28 | "Show all installments on product page","Mostrar todas as opções de parcelamento na página de produto"
29 | "Show the first installment","Mostrar a primeira parcela"
30 | "Best installment in cart","Mostrar a parcela mais baixa no carrinho"
31 | Interest,Juros
32 | "Interest type","Tipo de juros"
33 | 2x,2x
34 | 3x,3x
35 | 4x,4x
36 | 5x,5x
37 | 6x,6x
38 | 7x,7x
39 | 8x,8x
40 | 9x,9x
41 | 10x,10x
42 | 11x,11x
43 | 12x,12x
44 | Discounts,Descontos
45 | Discount,Desconto
46 | "Price Templates","Templates de preço"
47 | "On Category Page","Na página de category"
48 | "On Search Results","Nos resultados de busca"
49 | "On Product View","Na página do produto"
50 | "Discount Template","Template de preço para descontos"
51 | "In Cart Template","Template de preço no carrinho"
52 | "All Installment Template","Template de preço para todas as opções de parcelamento"
53 | "Text with interest","Texto com juros"
54 | "Text free interest","Texto sem juros"
55 | Styles,Estilos
56 | "Primary color","Cor primária"
57 | "Highlight text color","Cor dos textos em destaque"
58 | "Highlight text font weight","Peso da fonte dos textos em destaque"
59 | 


--------------------------------------------------------------------------------
/registration.php:
--------------------------------------------------------------------------------
1 | <?php
2 | \Magento\Framework\Component\ComponentRegistrar::register(
3 |     \Magento\Framework\Component\ComponentRegistrar::MODULE,
4 |     'Backendorf_Installment',
5 |     __DIR__
6 | );
7 | 


--------------------------------------------------------------------------------
/view/frontend/layout/catalog_product_view.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0"?>
 2 | <page layout="1column" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 3 |       xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
 4 |     <body>
 5 |         <referenceContainer name="content">
 6 |             <referenceContainer name="product.info.main">
 7 |                 <block
 8 |                     class="Backendorf\Installment\Block\AllInstallments"
 9 |                     name="installments"
10 |                     template="Backendorf_Installment::all_installments.phtml"
11 |                     after="-"
12 |                     ifconfig="backendorf_installment/general/is_enabled"
13 |                 />
14 |             </referenceContainer>
15 |         </referenceContainer>
16 |     </body>
17 | </page>
18 | 


--------------------------------------------------------------------------------
/view/frontend/layout/default.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0"?>
 2 | <page layout="1column" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 3 |       xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
 4 |     <body>
 5 |         <referenceContainer name="content">
 6 |             <block
 7 |                 class="Backendorf\Installment\Block\Script"
 8 |                 name="installment.script"
 9 |                 template="Backendorf_Installment::script.phtml"
10 |                 after="-"
11 |                 ifconfig="backendorf_installment/general/is_enabled"
12 |             />
13 |         </referenceContainer>
14 |     </body>
15 | </page>
16 | 


--------------------------------------------------------------------------------
/view/frontend/requirejs-config.js:
--------------------------------------------------------------------------------
 1 | var config = {
 2 |     map: {
 3 |         '*': {
 4 |             installment: 'Backendorf_Installment/js/installment'
 5 |         }
 6 |     },
 7 |     config: {
 8 |         mixins: {
 9 |             'Magento_Catalog/js/price-box': {
10 |                 'Backendorf_Installment/js/price-box-mixin': true
11 |             }
12 |         }
13 |     }
14 | };
15 | 


--------------------------------------------------------------------------------
/view/frontend/templates/all_installments.phtml:
--------------------------------------------------------------------------------
 1 | <?php
 2 | // @codingStandardsIgnoreFile
 3 | 
 4 | /** @var Backendorf\Installment\Block\AllInstallments $block */
 5 | 
 6 | if ($block->renderAllInstallments()) {
 7 |     ?>
 8 |     <div
 9 |         id="installments-accordion"
10 |         class="installments"
11 |         data-mage-init='{
12 |         "accordion":{
13 |             "collapsible": true,
14 |             "openedState": "active"
15 |         }}'>
16 |         <div data-role="collapsible">
17 |             <div data-role="trigger">
18 |                 <h5><?= __('More installment options'); ?></h5>
19 |             </div>
20 |         </div>
21 |         <div data-role="content">
22 |             <div class="all-installments-content"></div>
23 |             <span class="footer-message">
24 |                 <?= __('The values presented are for consultation only, the real value of the parcel will be displayed at the end of the order.'); ?>
25 |             </span>
26 |         </div>
27 |     </div>
28 |     <?php
29 | }
30 | ?>
31 | 


--------------------------------------------------------------------------------
/view/frontend/templates/script.phtml:
--------------------------------------------------------------------------------
 1 | <?php
 2 | // @codingStandardsIgnoreFile
 3 | 
 4 | /** @var Backendorf\Installment\Block\Script $block */
 5 | 
 6 | use Backendorf\Installment\Helper\Data;
 7 | 
 8 | $styles = $this->helper(Data::class)->getStyles();
 9 | ?>
10 | <style>
11 |     .installments {
12 |         --bi-primary-color: <?=$styles['primary-color'];?>;
13 |         --bi-highlight-text-color: <?=$styles['highlight-text-color'];?>;
14 |         --bi-highlight-text-font-weight: <?=$styles['highlight-text-font-weight'];?>;
15 |     }
16 | </style>
17 | <script type="text/x-magento-init">
18 |     {
19 |         "*": {
20 |             "installment": <?= $block->getConfig(); ?>
21 |     }
22 | }
23 | </script>
24 | 


--------------------------------------------------------------------------------
/view/frontend/web/css/source/_module.less:
--------------------------------------------------------------------------------
 1 | .installments {
 2 |     .best-installment {
 3 |         font-size: 14px;
 4 |         line-height: 16px;
 5 |         font-weight: 400;
 6 |         margin: 10px 0;
 7 | 
 8 |         strong {
 9 |             color: var(--bi-highlight-text-color);
10 |             font-weight: var(--bi-highlight-text-font-weight);
11 |         }
12 |     }
13 | 
14 |     .discounts ul {
15 |         list-style: none;
16 |         padding: 0;
17 | 
18 |         li.item {
19 |             strong {
20 |                 color: var(--bi-highlight-text-color);
21 |                 font-weight: var(--bi-highlight-text-font-weight);
22 |             }
23 |         }
24 |     }
25 | }
26 | 
27 | #installments-accordion {
28 |     [data-role="collapsible"].active [data-role="trigger"] {
29 |         border-radius: 4px 4px 0 0;
30 |     }
31 | 
32 |     [data-role="trigger"] {
33 |         display: block;
34 |         background-color: var(--bi-primary-color);
35 |         border-radius: 4px;
36 |         color: @color-white;
37 |         cursor: pointer;
38 |         text-align: center;
39 |         text-transform: uppercase;
40 |         padding: 16px 32px;
41 | 
42 |         h5 {
43 |             margin: 0;
44 |         }
45 |     }
46 | 
47 |     [data-role="content"] {
48 |         border: 1px solid @color-gray-light5;
49 |         padding: 16px;
50 |         border-radius: 0 0 4px 4px;
51 | 
52 |         ul.options {
53 |             list-style: none;
54 |             padding: 0;
55 |             font-size: 14px;
56 |             line-height: 16px;
57 | 
58 |             li {
59 |                 &:not(:last-child) {
60 |                     margin-bottom: 10px;
61 |                 }
62 | 
63 |                 strong {
64 |                     color: var(--bi-highlight-text-color);
65 |                     font-weight: var(--bi-highlight-text-font-weight);
66 |                 }
67 |             }
68 |         }
69 | 
70 |         .footer-message {
71 |             color: @color-gray-light3;
72 |             font-size: 10px;
73 |             line-height: 12px;
74 |         }
75 |     }
76 | }
77 | 


--------------------------------------------------------------------------------
/view/frontend/web/js/installment.js:
--------------------------------------------------------------------------------
  1 | define([
  2 |     "jquery",
  3 |     'Magento_Catalog/js/price-utils',
  4 |     'mage/translate',
  5 |     'Magento_Customer/js/customer-data'
  6 | ], function ($, priceUtils, $t, customerData) {
  7 |     'use strict';
  8 |     $.widget('mage.installment', {
  9 |         'options': {
 10 |             'discounts': [],
 11 |             'interest_type': null,
 12 |             'minimum_installment_value': null,
 13 |             'maximum_quantity_installments': null,
 14 |             'interest': null,
 15 |             'best_installment_in_cart': null,
 16 |             'currency_symbol': '',
 17 |             'show_first_installment': false,
 18 |             'templates': {
 19 |                 'in_cart_template': null,
 20 |                 'discount_template': null,
 21 |                 'catalog_category_view': null,
 22 |                 'catalog_product_view': null,
 23 |                 'catalogsearch_result_index': null,
 24 |                 'all_installment_template': null,
 25 |                 'text_with_interest': null,
 26 |                 'text_free_interest': null
 27 |             }
 28 |         },
 29 |         _create: function () {
 30 |             let widget = this;
 31 | 
 32 |             if (this.options.enabled) {
 33 |                 try {
 34 |                     $('body').on('afterReloadPrice', function (e, data) {
 35 |                         if (!$(data.element).hasClass('price-tier_price')) {
 36 |                             widget.renderPrices(data.element, {amount: data.price.final});
 37 | 
 38 |                             if ($(data.element).parents('.product-info-price').length > 0) {
 39 |                                 widget.updateAllInstallments(data.element, {amount: data.price.final});
 40 |                             }
 41 |                         }
 42 |                     }).on('products-loaded', function () {
 43 |                         $('.price-box.price-final_price').each(function (i, element) {
 44 |                             widget.renderPrices(element);
 45 |                         });
 46 |                     });
 47 | 
 48 |                     $('.price-box.price-final_price').each(function (i, element) {
 49 |                         widget.renderPrices(element);
 50 |                         if ($(element).parents('.product-info-price').length > 0) {
 51 |                             widget.updateAllInstallments(element);
 52 |                         }
 53 |                     });
 54 | 
 55 |                     if (this.options.best_installment_in_cart && $('#cart-totals').length > 0) {
 56 |                         widget.initPricesInCart();
 57 |                         require([
 58 |                             'Magento_Checkout/js/model/quote'
 59 |                         ], function (quote) {
 60 |                             quote.totals.subscribe(function (data) {
 61 |                                 widget.initPricesInCart(data.grand_total);
 62 |                             });
 63 |                         });
 64 |                     }
 65 |                 } catch (e) {
 66 |                     console.info(e);
 67 |                 }
 68 |             }
 69 |         },
 70 |         initPricesInCart: function (total = null) {
 71 |             $('#cart-totals .installments').remove();
 72 |             total = (total) ? total : this.getTotal();
 73 |             if (total) {
 74 |                 let installments = this.getInstallments(total);
 75 |                 if (installments) {
 76 |                     let bestInstallment = this.getBestInstallment(installments);
 77 |                     const template = this.options.templates.in_cart_template;
 78 | 
 79 |                     let html = template.replace('{{qty}}', bestInstallment.installments_qty)
 80 |                         .replace('{{value}}', bestInstallment.installment_value)
 81 |                         .replace('{{interest}}', (this.renderInterest(bestInstallment)))
 82 |                     $('#cart-totals').append('<div class="installments">' + html + '</div>');
 83 |                 }
 84 |             }
 85 | 
 86 |         },
 87 |         /**
 88 |          *
 89 |          * @param productPrice
 90 |          * @returns {{}}
 91 |          */
 92 |         getInstallments: function (productPrice) {
 93 |             let widget = this;
 94 |             const type_interest = this.options.interest_type;
 95 |             const info_interest = this.options.interest;
 96 |             const min_installment = this.options.minimum_installment_value;
 97 |             const max_installment = this.options.maximum_quantity_installments;
 98 | 
 99 |             let json_installments = {};
100 |             if (this.options.show_first_installment) {
101 |                 json_installments[1] = {
102 |                     'installments_qty': 1,
103 |                     'installment_value': widget.formatPrice(productPrice),
104 |                     'total_installment': widget.formatPrice(productPrice),
105 |                     'total_interest': 0,
106 |                     'has_interest': 0
107 |                 };
108 |             } else {
109 |                 if ((productPrice < min_installment) || ((productPrice / 2) < min_installment)) {
110 |                     console.info('Installment not available for this product. Very low price:' + this.formatPrice(productPrice));
111 |                     return null;
112 |                 }
113 |             }
114 | 
115 |             let max_div = (productPrice / min_installment);
116 | 
117 |             if (max_div > max_installment) {
118 |                 max_div = max_installment;
119 |             } else {
120 |                 if (max_div > 12) {
121 |                     max_div = 12;
122 |                 }
123 |             }
124 | 
125 |             let limit = max_div;
126 |             for (let installment_number in info_interest) {
127 |                 installment_number = parseInt(installment_number);
128 |                 if (installment_number <= max_div) {
129 |                     let rate = info_interest[installment_number] / 100;
130 |                     let amount = 0;
131 |                     let installment_value = 0;
132 | 
133 |                     if (rate > 0) {
134 |                         if (type_interest === "compound") {
135 |                             amount = productPrice * Math.pow((1 + rate), installment_number);
136 |                             installment_value = amount / installment_number;
137 |                         } else {
138 |                             amount = productPrice + (productPrice * rate * installment_number);
139 |                             installment_value = (productPrice * (1 + rate * installment_number)) / installment_number;
140 |                         }
141 | 
142 |                         let total_interest = amount - productPrice;
143 | 
144 |                         if (installment_value > 5 && installment_value > min_installment) {
145 |                             json_installments[installment_number] = {
146 |                                 'installments_qty': installment_number,
147 |                                 'installment_value': widget.formatPrice(installment_value),
148 |                                 'total_interest': widget.formatPrice(total_interest),
149 |                                 'amount': widget.formatPrice(amount),
150 |                                 'has_interest': true,
151 |                                 'rate': info_interest[installment_number] + "%"
152 |                             };
153 |                         }
154 |                     } else {
155 |                         if (productPrice > 0 && installment_number > 0) {
156 |                             json_installments[installment_number] = {
157 |                                 'installments_qty': installment_number,
158 |                                 'installment_value': widget.formatPrice((productPrice / installment_number)),
159 |                                 'total_interest': widget.formatPrice(0),
160 |                                 'amount': widget.formatPrice(productPrice),
161 |                                 'has_interest': false,
162 |                                 'rate': info_interest[installment_number] + "%"
163 |                             };
164 |                         }
165 |                     }
166 |                 }
167 |             }
168 | 
169 |             _.each(json_installments, function (key) {
170 |                 if (key > limit) {
171 |                     delete json_installments[key];
172 |                 }
173 |             });
174 | 
175 |             return json_installments;
176 |         },
177 |         /**
178 |          *
179 |          * @param installment
180 |          * @returns {*}
181 |          */
182 |         getBestInstallment: function (installment) {
183 |             let best = null;
184 |             for (let i = this.options.maximum_quantity_installments; i >= 1; i--) {
185 |                 if (installment[i]) {
186 |                     if (!best) {
187 |                         best = installment[i];
188 |                     }
189 | 
190 |                     if (!installment[i]['has_interest']) {
191 |                         return installment[i];
192 |                     }
193 |                 }
194 |             }
195 | 
196 |             return best;
197 |         },
198 |         /**
199 |          *
200 |          * @param price
201 |          * @returns {[]}
202 |          */
203 |         getDiscounts: function (price) {
204 |             for (let i in this.options.discounts) {
205 |                 let discount = this.options.discounts[i];
206 |                 if (discount.hasOwnProperty('percentage')) {
207 |                     discount.value = this.formatPrice(price - ((price * discount.percentage) / 100));
208 |                     this.options.discounts[i] = discount;
209 |                 }
210 |             }
211 |             return this.options.discounts;
212 | 
213 |         },
214 |         /**
215 |          *
216 |          * @param discounts
217 |          * @returns {string}
218 |          */
219 |         renderDiscounts: function (discounts) {
220 |             let html = '<ul>';
221 |             for (let i in discounts) {
222 |                 html += '<li class="item">' + this.options.templates.discount_template
223 |                     .replace('{{valueWithDiscount}}', discounts[i].value)
224 |                     .replace('{{percentage}}', discounts[i].percentage + '%')
225 |                     .replace('{{name}}', '<span class="name">' + discounts[i].name + '</span>') + '</li>';
226 |             }
227 |             html += '</ul>';
228 |             return html;
229 |         },
230 |         /**
231 |          *
232 |          * @param priceElement
233 |          * @param prices
234 |          */
235 |         updateAllInstallments: function (priceElement, prices = null) {
236 |             let price = (prices) ? prices.amount : this.getElmPrice(priceElement);
237 |             let installments = this.getInstallments(price);
238 |             if (installments) {
239 |                 let template = this.options.templates.all_installment_template;
240 | 
241 |                 let html = '<ul class="options">';
242 |                 for (let i in installments) {
243 |                     html += '<li>' + template.replace('{{qty}}', installments[i]['installments_qty'])
244 |                         .replace('{{value}}', installments[i]['installment_value'])
245 |                         .replace('{{interest}}', (this.renderInterest(installments[i]))) + '</li>';
246 |                 }
247 |                 html += '</ul>';
248 |                 $('#installments-accordion .all-installments-content').html(html);
249 |             }
250 |         },
251 |         /**
252 |          *
253 |          * @returns {null}
254 |          */
255 |         getTemplate() {
256 |             if ($('body.catalog-category-view').length > 0) {
257 |                 return this.options.templates.catalog_category_view;
258 |             } else if ($('body.catalog-product-view').length > 0) {
259 |                 return this.options.templates.catalog_product_view;
260 |             } else if ($('body.catalogsearch-result-index').length > 0) {
261 |                 return this.options.templates.catalogsearch_result_index;
262 |             } else {
263 |                 return this.options.templates.catalog_product_view;
264 |             }
265 |         },
266 |         /**
267 |          *
268 |          * @param priceElement
269 |          * @param prices
270 |          */
271 |         renderPrices: function (priceElement, prices = null) {
272 |             let template = this.getTemplate();
273 |             let price = (prices) ? prices.amount : this.getElmPrice(priceElement);
274 | 
275 |             if (price === 0) {
276 |                 return;
277 |             }
278 | 
279 |             let installments = this.getInstallments(price);
280 | 
281 |             let installmentDiv = ($(priceElement).closest('.installments').length > 0) ? $(priceElement).closest('.installments') : null;
282 |             if (installments) {
283 |                 let data = {
284 |                     'bestInstallment': this.getBestInstallment(installments),
285 |                     'discounts': this.renderDiscounts(this.getDiscounts(price))
286 |                 };
287 | 
288 |                 template = template
289 |                     .replace('{{default}}', '<div class="default"></div>')
290 |                     .replace('{{qty}}', '<div class="best-installment">' + data.bestInstallment.installments_qty)
291 |                     .replace('{{value}}', data.bestInstallment.installment_value)
292 |                     .replace('{{interest}}', (this.renderInterest(data.bestInstallment)) + '</div>')
293 |                     .replace('{{discounts}}', '<div class="discounts">' + data.discounts + '</div>');
294 |                 if (installmentDiv) {
295 |                     $(priceElement).insertBefore($(installmentDiv));
296 |                     $(installmentDiv).html(template);
297 |                 } else {
298 |                     installmentDiv = $('<div class="installments">' + template + '</div>');
299 |                     installmentDiv.insertBefore(priceElement);
300 |                 }
301 |                 $(installmentDiv).find('.default').replaceWith(priceElement);
302 |                 $(installmentDiv).find(".best-installment, .discounts").show();
303 |                 $(".wrap-collabsible.installments").show();
304 |             } else {
305 |                 $(installmentDiv).find(".best-installment, .discounts").hide();
306 |                 $(".wrap-collabsible.installments").hide();
307 |             }
308 |         },
309 |         /**
310 |          *
311 |          * @param elm
312 |          * @returns {number}
313 |          */
314 |         getElmPrice: function (elm) {
315 |             let price = 0;
316 |             price = ($(elm).find('.price-wrapper[data-price-type="finalPrice"]').length > 0) ?
317 |                 parseFloat($(elm).find('.price-wrapper[data-price-type="finalPrice"]').attr('data-price-amount')) : 0;
318 | 
319 |             if (price === 0) {
320 |                 price = ($(elm).find('.price-to .price-wrapper').length > 0) ? parseFloat($(elm).find('.price-to .price-wrapper').attr('data-price-amount')) : 0;
321 |             }
322 |             return price;
323 |         },
324 |         /**
325 |          *
326 |          * @returns {number}
327 |          */
328 |         getTotal: function () {
329 |             let grandTotal = 0;
330 |             let cartData = customerData.get('cart-data')();
331 | 
332 |             if (cartData.totals && cartData.totals.base_grand_total) {
333 |                 grandTotal = parseFloat(cartData.totals.base_grand_total);
334 |             }
335 |             return grandTotal;
336 |         },
337 |         /**
338 |          * @param price
339 |          * @returns {*}
340 |          */
341 |         formatPrice: function (price) {
342 |             let format = {
343 |                 decimalSymbol: ",",
344 |                 groupLength: 3,
345 |                 groupSymbol: ".",
346 |                 integerRequired: false,
347 |                 pattern: this.options.currency_symbol + "%s",
348 |                 precision: 2,
349 |                 requiredPrecision: 2
350 |             };
351 | 
352 |             format = (window.checkoutConfig && window.checkoutConfig.priceFormat) ? window.checkoutConfig.priceFormat : format;
353 |             return priceUtils.formatPrice(price, format);
354 |         },
355 |         renderInterest: function (installment) {
356 |             let template = (installment.has_interest) ? this.options.templates.text_with_interest : this.options.templates.text_free_interest;
357 |             template = template.replace('{{amount}}', installment.amount)
358 |                 .replace('{{total_interest}}', installment.total_interest)
359 |                 .replace('{{rate}}', installment.rate)
360 |             return ' ' + template;
361 |         }
362 |     });
363 |     return $.mage.installment;
364 | });
365 | 


--------------------------------------------------------------------------------
/view/frontend/web/js/price-box-mixin.js:
--------------------------------------------------------------------------------
 1 | define([
 2 |     'jquery',
 3 |     'Magento_Catalog/js/price-utils',
 4 |     'underscore',
 5 |     'mage/template',
 6 |     'jquery/ui'
 7 | ], function ($, utils, _, mageTemplate) {
 8 |     'use strict';
 9 | 
10 |     return function (widget) {
11 |         $.widget('mage.priceBox', widget,
12 |             {
13 |                 reloadPrice: function reDrawPrices() {
14 |                     let priceFormat = (this.options.priceConfig && this.options.priceConfig.priceFormat) || {},
15 |                         priceTemplate = mageTemplate(this.options.priceTemplate);
16 | 
17 |                     _.each(this.cache.displayPrices, function (price, priceCode) {
18 |                         price.final = _.reduce(price.adjustments, function (memo, amount) {
19 |                             return memo + amount;
20 |                         }, price.amount);
21 | 
22 |                         price.formatted = utils.formatPrice(price.final, priceFormat);
23 | 
24 |                         $('[data-price-type="' + priceCode + '"]', this.element).html(priceTemplate({
25 |                             data: price
26 |                         }));
27 | 
28 |                         if (priceCode === 'finalPrice') {
29 |                             let element = this.element;
30 |                             $('body').trigger('afterReloadPrice', {price, element});
31 |                         }
32 |                     }, this);
33 |                 }
34 |             });
35 |         return $.mage.priceBox;
36 |     }
37 | });
38 | 


--------------------------------------------------------------------------------