| Panel | ||||||
|---|---|---|---|---|---|---|
| ||||||
Important |
Custom CSS styles
If needed, Sequra elements added by the module can be easily customized from the CSS template, adding additional custom CSS.
...
Customize .phtml templates
In case you want to modify the HTML format, you will find the templates used by the modules in the following directory: app/design/frontend/base/default/templates/sequrapayment.
...
and make the changes to this copy.
Checkout process:
/app/design/frontend/base/default/template/sequrapayment/form/info.phtml: the content for the “Buy now, pay later” payment method.
/app/design/frontend/base/default/template/sequrapayment/form/part_payment.phtml: the content for the “Part payment” method.
/app/design/frontend/base/default/template/sequrapayment/form/identification.phtml: the content for the page that asks for additional info needed to accept the payment.
...
Add banners
The module gives you the option to insert promotional banners of every payment method in each product page. By default, these banners are hidden. If you want to use them, they should be added to the .phtml used to generate the product page. Usually, the directory is: app/design/frontend/PACKAGE/TEMPLATE/templates/catalog/product/view.phtml.
...
Buy now, pay later: app/design/frontend/base/default/template/sequrapayment/info/teaser.phtml
Part payment: app/design/frontend/base/default/template/sequrapayment/info/partpayment_teaser.phtml
...
Widget customization
In System → Configuration → Sells → Payment methods you can define, through the “CSS selector”, the position in which the widgets will be shown. The design can be chose with “Widget’s params”, introducing one of the predefined themes: “text” or “banner”.
Text
...
Banner
...
These widgets can be customized using the parameters in JSON format in the “Widget’s params” field. You can use our widget simulator to adapt the design.
...
{"type":"text", "size":"M", "alignment":"center", "font-color":"#353735"}
...
Visual material (sliders, logos and texts)
If you want to create a personalized banner or slider, you can use the images and logos in this link. These images and logos are in PNG and SVG format, in order to give flexibility in the design and make it as close to your design as possible.
...