1. This module supports all templates and themes including the Journal theme.<\/p>\n
2. Opencart Replace Add to Cart Button module supports the Multi-Store feature of default Opencart.<\/p>\n
Watch the below video tutorial to understand the extension workflow:<\/p>\n
Features<\/h3>\n<\/div>\n<\/div>\n\n\n- The admin can define a Type such as Text, Link, Email, Phone.<\/li>\n
- The admin chooses the action such as link, text, email phone for the type defined.<\/li>\n
- If Text type and action are chosen, then the text of the Add to Cart button changes.<\/li>\n
- Under link type and action, the admin provides a link on which the customer redirects.<\/li>\n
- Through Email type and action, the mail is sent to the admin as well as the customer.<\/li>\n
- Under Phone type and action, the contact details like email and phone number are visible to the customer.<\/li>\n
- The admin can also choose a different Action with a Type in the admin panel.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n
Installation<\/h3>\n<\/div>\n<\/div>\n\nUpload Files![\"installation\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/webkul-opencart-replace-add-to-cart-installation.png\")
<\/a><\/h3>\n<\/figure>\nFirst, extract the downloaded zip file. After that, open the correct Opencart Version Folder. According to Opencart Version installed in your system.<\/p>\n
Then, upload admin<\/strong>\u00a0and catalog<\/strong> to the\u00a0Opencart root directory.<\/p>\nRefresh Modifications<\/h3>\n![\"replace](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/09\/webkul-opencart-bulk-order-processing-module-modifications-1.png\")
<\/a><\/figure>\nThe user can navigate through\u00a0Extensions > Modifications<\/strong>. Now click the Refresh<\/strong> button as visible in the below screenshot.<\/p>\nEdit User Groups![\"replace](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/09\/webkul-opencart-bulk-order-processing-module-user-groups.png\")
<\/a><\/h3>\nAfter that, go to\u00a0System > Users > Usergroups<\/strong>. And then edit \u2018Administrator<\/strong>\u2019. Click\u00a0Select All<\/strong>\u00a0for both Access Permission and Modify Permission and\u00a0Save<\/strong>\u00a0it.<\/p>\nInstall![\"replace](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/webkul-opencart-replace-add-to-cart-install.png\")
<\/a><\/p>\nNow navigate to\u00a0Extensions > Modules<\/strong>. Find\u00a0Webkul Replace Add to Cart<\/strong>\u00a0from the list. Click the\u00a0Install<\/strong> button as visible in the screenshot below.<\/p>\n\n\n\nModule Configuration<\/h3>\n<\/div>\n<\/div>\n<\/div>\n
After the successfully installing the Opencart Replace Add to Cart Button module, the admin can view the Opencart Replace Add to Cart Button tab under Extension > Extensions > Modules.<\/p>\n
\n![\"extension\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/webkul-opencart-replace-add-to-cart-extension-3.png\")
<\/a><\/div>\nThe Add to Cart Button functionalities can managed by The admin under Extension > Extensions\u00a0> Modules > Webkul Replace Add to Cart<\/strong><\/p>\n.\u00a0<\/strong>
![\"modules\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/webkul-opencart-replace-add-to-cart-modules-1.png\")
<\/a><\/div>\n\nThe admin can click on the edit button for the Webkul Replace Add to Cart.<\/p>\n
On clicking the edit button, the user can view the Status field, Store field, Type Field and the Action Field.<\/p>\n
The admin will have to choose any of the Type tabs\u00a0as per the requirement.<\/p>\n
Once the Type is chosen, thereafter, the admin can choose an action from the given list against the Action tab such as none, text, link email, phone.<\/p>\n
\u00a0<\/div>\n![\"replace](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/webkul-opencart-replace-add-to-cart-module-no-action-chosen.png\")
<\/a><\/p>\nIf the admin chooses ‘None’ against the action button, then no action is performed on tapping the add to cart button.<\/p>\n
\n\n\nChoosing a Type with an Action<\/h3>\n<\/div>\n<\/div>\n\nLet us understand how a Type works when a specific Action is chosen in the backend.<\/p>\n
When admin chooses Type as “Text” and Action as ‘Text’-:<\/h4>\n![\"replace](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/webkul-opencart-replace-add-to-cart-text.png\")
<\/a><\/figure>\nIn\u00a0the backend, the admin will choose ‘Text’ against the\u00a0“Type” tab and against the “Action” tab the admin will choose ‘Text’ as shown in the image below.<\/p>\n
Thereafter, the customer will\u00a0log\u00a0in to the frontend and choose a product from the product page.<\/p>\n
The label of the add to cart button changes to DEMO PRODUCT as defined by the admin in the backend,\u00a0 as ‘Text’ and Action as ‘Text’ while configuring the module.<\/p>\n![\"product](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/webkul-opencart-replace-add-to-cart-module-product-page.png\")
<\/a><\/figure>\nWhen admin chooses Type as “Link” and Action as ‘Link’-:<\/h4>\n
The admin will have to choose ‘Link’ against the “Type” tab and ‘Link’ against the action button as well as shown in the image below.<\/p>\n
Against the “Type” tab on choosing ‘Link’ the admin will have to add the route link, for instance, of a category or a product or a page.<\/p>\n![\"link\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/webkul-opencart-replace-add-to-cart-add-link.png\")
<\/a><\/figure>\nIt redirects the customer directly to the category or product or page on clicking the add to cart button.<\/p>\n![\"replace](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/webkul-opencart-replace-add-to-cart-module-demo-product.png\")
<\/a><\/figure>\nOn clicking the\u00a0Demo Product button for MacBook Air, it redirects the user to the link which the admin adds in the backend.<\/p>\n![\"replace](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/webkul-opencart-replace-add-to-cart-category-link.png\")
<\/a><\/figure>\nThe admin adds the link of the Category- ‘Camera’ in the backend on which the customer redirects on clicking the Demo Product button as shown in the image.<\/p>\n
When admin chooses Type as “Email” and Action as ‘Email’-:<\/h4>\n
On choosing the “Type” as ‘Email’ two options for Email will be visible – Admin and Custom as shown in the image below.<\/p>\n![\"admin\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/webkul-opencart-replace-add-to-cart-email-admin.png\")
<\/a><\/figure>\nIf the Admin option is chosen from the given list, the mail is sent to admin.<\/p>\n![\"replace](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/webkul-opencart-replace-add-to-cart-email-custom-1.png\")
<\/a><\/figure>\nOn choosing the “Email” tab, if the admin chooses the Email type as ‘Custom’, the custom email id is to be given against the ‘Email to’\u00a0tab on which the mail will be sent.<\/p>\n![\"replace](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/webkul-opencart-replace-add-to-cart-product.png\")
<\/a><\/figure>\nIn the product page, the customer will choose a product and click on Demo Product button as shown in the image below.<\/p>\n![\"replace](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/webkul-opencart-replace-add-to-cart-ask-to-admin.png\")
<\/a><\/figure>\nOn clicking the Demo Product button, a pop up will appear where the customer will have to fill in the Subject, Mail From details, and add questions under Ask tab.<\/p>\n
When admin chooses Type as “Phone” and Action as “Phone”-:<\/h4>\n
As the admin chooses ‘Phone’ against the “Type” tab, another tab to enter the Phone will be visible where the admin enters the contact details as shown in the image below.<\/p>\n![\"replace](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/webkul-opencart-replace-add-to-cart-phone.png\")
<\/a><\/figure>\nIn the frontend, the customer will choose a product and click on the Demo Product button.<\/p>\n![\"replace](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/webkul-opencart-replace-add-to-cart-phone-1.png\")
<\/a><\/figure>\nOn clicking the Demo Product button, a pop up will appear displaying the contact details like email and phone number which the admin has set in the backend.<\/p>\n
The admin can also choose any type against the “Type” tab and any action option against the\u00a0 “Action” tab.<\/p>\n
For instance, let’s consider the following scenario:<\/p>\n
When admin chooses Type as “Text” and Action as “Link”-:<\/h4>\n
The admin will choose ‘Text’ against the “Type” tab and ‘Link’ against the “Action” button.![\"replace](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/webkul-opencart-replace-add-to-cart-text-link.png\")
<\/a><\/p>\nThe customer will have to choose a product from the product page and click on the Demo Product button.<\/p>\n![\"replace](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/webkul-opencart-replace-add-to-cart-frontend.png\")
<\/a><\/figure>\nAs the admin has chosen ‘Link’ against the “Action” button, on clicking the Demo Product, it redirects the customer to a category, or a page or a link which the admin adds in the admin panel.<\/p>\n![\"replace](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/webkul-opencart-replace-add-to-cart-link-redirect.png\")
<\/a><\/figure>\nThat’s all for Opencart Replace Add to Cart Button module<\/a><\/strong>. If you still have any issues, feel free to add a ticket and let us know your views on our\u00a0Webkul Support System.<\/strong><\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n<\/p>\n","protected":false},"excerpt":{"rendered":"
- \n
- The admin can define a Type such as Text, Link, Email, Phone.<\/li>\n
- The admin chooses the action such as link, text, email phone for the type defined.<\/li>\n
- If Text type and action are chosen, then the text of the Add to Cart button changes.<\/li>\n
- Under link type and action, the admin provides a link on which the customer redirects.<\/li>\n
- Through Email type and action, the mail is sent to the admin as well as the customer.<\/li>\n
- Under Phone type and action, the contact details like email and phone number are visible to the customer.<\/li>\n
- The admin can also choose a different Action with a Type in the admin panel.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n
Installation<\/h3>\n<\/div>\n<\/div>\n
\nUpload Files
<\/a><\/h3>\n<\/figure>\n First, extract the downloaded zip file. After that, open the correct Opencart Version Folder. According to Opencart Version installed in your system.<\/p>\n
Then, upload admin<\/strong>\u00a0and catalog<\/strong> to the\u00a0Opencart root directory.<\/p>\n
Refresh Modifications<\/h3>\n
<\/a><\/figure>\nThe user can navigate through\u00a0Extensions > Modifications<\/strong>. Now click the Refresh<\/strong> button as visible in the below screenshot.<\/p>\n
Edit User Groups
<\/a><\/h3>\nAfter that, go to\u00a0System > Users > Usergroups<\/strong>. And then edit \u2018Administrator<\/strong>\u2019. Click\u00a0Select All<\/strong>\u00a0for both Access Permission and Modify Permission and\u00a0Save<\/strong>\u00a0it.<\/p>\n
Install
<\/a><\/p>\nNow navigate to\u00a0Extensions > Modules<\/strong>. Find\u00a0Webkul Replace Add to Cart<\/strong>\u00a0from the list. Click the\u00a0Install<\/strong> button as visible in the screenshot below.<\/p>\n
\n\n\nModule Configuration<\/h3>\n<\/div>\n<\/div>\n<\/div>\n
After the successfully installing the Opencart Replace Add to Cart Button module, the admin can view the Opencart Replace Add to Cart Button tab under Extension > Extensions > Modules.<\/p>\n
\n<\/a><\/div>\nThe Add to Cart Button functionalities can managed by The admin under Extension > Extensions\u00a0> Modules > Webkul Replace Add to Cart<\/strong><\/p>\n
.\u00a0<\/strong><\/a><\/div>\n\nThe admin can click on the edit button for the Webkul Replace Add to Cart.<\/p>\n
On clicking the edit button, the user can view the Status field, Store field, Type Field and the Action Field.<\/p>\n
The admin will have to choose any of the Type tabs\u00a0as per the requirement.<\/p>\n
Once the Type is chosen, thereafter, the admin can choose an action from the given list against the Action tab such as none, text, link email, phone.<\/p>\n
\u00a0<\/div>\n<\/a><\/p>\nIf the admin chooses ‘None’ against the action button, then no action is performed on tapping the add to cart button.<\/p>\n
\n\n\nChoosing a Type with an Action<\/h3>\n<\/div>\n<\/div>\n
\nLet us understand how a Type works when a specific Action is chosen in the backend.<\/p>\n
When admin chooses Type as “Text” and Action as ‘Text’-:<\/h4>\n
<\/a><\/figure>\nIn\u00a0the backend, the admin will choose ‘Text’ against the\u00a0“Type” tab and against the “Action” tab the admin will choose ‘Text’ as shown in the image below.<\/p>\n
Thereafter, the customer will\u00a0log\u00a0in to the frontend and choose a product from the product page.<\/p>\n
The label of the add to cart button changes to DEMO PRODUCT as defined by the admin in the backend,\u00a0 as ‘Text’ and Action as ‘Text’ while configuring the module.<\/p>\n
<\/a><\/figure>\nWhen admin chooses Type as “Link” and Action as ‘Link’-:<\/h4>\n
The admin will have to choose ‘Link’ against the “Type” tab and ‘Link’ against the action button as well as shown in the image below.<\/p>\n
Against the “Type” tab on choosing ‘Link’ the admin will have to add the route link, for instance, of a category or a product or a page.<\/p>\n
<\/a><\/figure>\nIt redirects the customer directly to the category or product or page on clicking the add to cart button.<\/p>\n
<\/a><\/figure>\nOn clicking the\u00a0Demo Product button for MacBook Air, it redirects the user to the link which the admin adds in the backend.<\/p>\n
<\/a><\/figure>\nThe admin adds the link of the Category- ‘Camera’ in the backend on which the customer redirects on clicking the Demo Product button as shown in the image.<\/p>\n
When admin chooses Type as “Email” and Action as ‘Email’-:<\/h4>\n
On choosing the “Type” as ‘Email’ two options for Email will be visible – Admin and Custom as shown in the image below.<\/p>\n
<\/a><\/figure>\nIf the Admin option is chosen from the given list, the mail is sent to admin.<\/p>\n
<\/a><\/figure>\nOn choosing the “Email” tab, if the admin chooses the Email type as ‘Custom’, the custom email id is to be given against the ‘Email to’\u00a0tab on which the mail will be sent.<\/p>\n
<\/a><\/figure>\nIn the product page, the customer will choose a product and click on Demo Product button as shown in the image below.<\/p>\n
<\/a><\/figure>\nOn clicking the Demo Product button, a pop up will appear where the customer will have to fill in the Subject, Mail From details, and add questions under Ask tab.<\/p>\n
When admin chooses Type as “Phone” and Action as “Phone”-:<\/h4>\n
As the admin chooses ‘Phone’ against the “Type” tab, another tab to enter the Phone will be visible where the admin enters the contact details as shown in the image below.<\/p>\n
<\/a><\/figure>\nIn the frontend, the customer will choose a product and click on the Demo Product button.<\/p>\n
<\/a><\/figure>\nOn clicking the Demo Product button, a pop up will appear displaying the contact details like email and phone number which the admin has set in the backend.<\/p>\n
The admin can also choose any type against the “Type” tab and any action option against the\u00a0 “Action” tab.<\/p>\n
For instance, let’s consider the following scenario:<\/p>\n
When admin chooses Type as “Text” and Action as “Link”-:<\/h4>\n
The admin will choose ‘Text’ against the “Type” tab and ‘Link’ against the “Action” button.
<\/a><\/p>\nThe customer will have to choose a product from the product page and click on the Demo Product button.<\/p>\n
<\/a><\/figure>\nAs the admin has chosen ‘Link’ against the “Action” button, on clicking the Demo Product, it redirects the customer to a category, or a page or a link which the admin adds in the admin panel.<\/p>\n
<\/a><\/figure>\nThat’s all for Opencart Replace Add to Cart Button module<\/a><\/strong>. If you still have any issues, feel free to add a ticket and let us know your views on our\u00a0Webkul Support System.<\/strong><\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n
<\/p>\n","protected":false},"excerpt":{"rendered":"