Migrate AbanteCart v.1.3.4 Default Template to be used in v. 1.4.0:
– To keep using AbanteCart v1.3.4 default template in v1.4.0, you need to clone the template. Here are the steps:
| Important note: – All this takes place in the 1.3.4 version. The cloned template will be installed automatically by the developer tools but it’s not enabled yet. – In this article, we’re using default_template as the cloned template name. You can name the template as you wish. |
A. Make a backup of the current site.
B. Backup extension/fast_checkout and download it to local computer.
C. Clone default template: using AbanteCart Developer tools.
How to use AbanteCart Developer tools:
1. Download AbanteCart developer tools here.
2. Click Extensions.
3. Click Install Extension.
4. Click Extension Upload.
5. Click browse to upload the developer tools.
6. Upload the developer tools that you have downloaded previously and click on the file.
7. Make sure the developer tools is selected.
8. Click Open.
9. This is the uploaded file.
10. Click Continue.
11. Click Agree.
12. Turn the status to ON.
13. Click Save.
14. Click Design.
15. Click Templates.
16. This is the clone default template button. Click it to start cloning the template.
17. Which template to clone: Select Default.
18. Clone to: Select Extension.
19. Clone Method: Select Full Clone.
20. Template Title: Enter the desired template title. e.g., “Default Template”.
21. Unique Template Text ID: Enter the desired template ID, e.g., “default_template”.
22. Click Clone Template.
23. This is the cloned template, and this is the template ID that you set in number 21 above.
24. Do not enable the template yet.
| Note for numbers 25 – 29: This is for creating an installation package as a backup. |
25. Click System.
26. Click Developer Tools.
27. Click “Opened: template_id” to open the project.
28. Click this button to generate the package and download it to your computer.
D. Copy the following files from the fast_checkout extension folders that you have backed up previously:
i. “extensions/fast_checkout/storefront/view/default/template/common/fast_checkout_page.tpl” to “extensions/default_template/storefront/view/default_template/template/common/”
ii. “extensions/fast_checkout/storefront/view/default/template/pages/checkout/fast_checkout.tpl” to “extensions/default_template/storefront/view/default_template/template/pages/checkout”
iii. “extensions/fast_checkout/storefront/view/default/template/pages/checkout/fast_checkout_success.tpl” to “extensions/default_template/storefront/view/default_template/template/pages/checkout/”
iv. “extensions/fast_checkout/storefront/view/default/template/pages/product/add_to_cart_buttons.tpl” to “extensions/default_template/storefront/view/default_template/template/pages/product/”
v. “extensions/fast_checkout/storefront/view/default/template/pages/account/order_details.tpl” to “extensions/default_template/storefront/view/default_template/template/pages/account/”
vi. “extensions/fast_checkout/storefront/view/default/template/embed/account/order_details.tpl” to “extensions/default_template/storefront/view/default_template/template/embed/account/”
vii. “extensions/fast_checkout/storefront/view/default/template/responses/*” to “extensions/default_template/storefront/view/default_template/template/responses”
E. Copy codes from
i. “extensions/fast_checkout/storefront/view/default/template/common/footer.post.tpl” to “extensions/default_template/storefront/view/default_template/template/pages/checkout/fast_checkout.tpl”
ii. “extensions/fast_checkout/storefront/view/default/template/embed/footer.post.tpl” to “extensions/default_template/storefront/view/default_template/template/embed/checkout/fast_checkout.tpl”
F. Update “extensions/default_template/storefront/view/default_template/template/pages/checkout/fast_checkout.tpl” and “extensions/default_template/storefront/view/default_template/template/embed/checkout/fast_checkout.tpl” by adding
<script type="text/javascript" src="<?php echo $this->templateResource('/js/credit_card_validation.js'); ?>"></script>
under:
<script type="text/javascript" src="<?php echo $this->templateResource('/js/iframeResizer.min.js'); ?>"></script>
so it becomes
<script type="text/javascript" src="<?php echo $this->templateResource('/js/iframeResizer.min.js'); ?>"></script>
<script type="text/javascript" src="<?php echo $this->templateResource('/js/credit_card_validation.js'); ?>"></script>
G. Copy the CSS code from:
i. “extensions/fast_checkout/storefront/view/default/css/bootstrap-xxs.css”
ii. “extensions/fast_checkout/storefront/view/default/css/fast_checkout.css”
iii. “extensions/fast_checkout/storefront/view/default/css/pay.css”
and paste to “extensions/default_template/storefront/view/default_template/stylesheet/styles.css”
H. copy the js files from “extensions/fast_checkout/storefront/view/default/js”
to “extensions/default_template/storefront/view/default_template/js”
I. replace “cc_email” to “email” in
i. “extensions/default_template/storefront/view/default_template/template/responses/checkout/main.tpl”
ii. “extensions/default_template/storefront/view/default_template/template/responses/checkout/payment.tpl”
iii. “extensions/default_template/storefront/view/default_template/template/responses/checkout/address.tpl”
J. Update “extensions/default_template/storefront/view/default_template/template/responses/checkout/payment_select.tpl” by replacing
background-image: url('extensions/fast_checkout/storefront/view/default/images/payment.png')
become
background-image: url('image/default_payment_logo.png')
K. Update “extensions/default_template/config.php” by changing
<cartversions>
<item>1.3</item>
</cartversions>
become
<cartversions>
<item>1.4</item>
</cartversions>
L. Upgrade Cart version to v1.4.0.
M. Finally enable the template:
i. Click Design.
ii. Click Templates.
iii. Click the toggle button to turn ON the template.
– AbanteCart v1.3.4 cloned default template now can be used in v1.4.0.