- Clerk.io Help Center
- Using Clerk.io on Magento 1
- Styling and Design
-
Working with Clerk.io
-
Using Clerk.io on Other / Custom Platforms
-
Using Clerk.io on Shopify
-
Using Clerk.io on Magento 1
-
Using Clerk.io on Magento 2
-
Using Clerk.io on WooCommerce
-
Using Clerk.io on Prestashop
-
Using Clerk.io on BigCommerce
-
Using Clerk.io on Shoporama
-
Using Clerk.io on Shopware 6
-
Using Clerk.io on DanDomain
-
Using Clerk.io on Lightspeed
-
Using Clerk.io on SmartWeb / HostedShop
-
Using Clerk.io on DynamicWeb
-
Using Clerk.io with Any Email Client
-
Using Clerk.io with Copernica
-
Using Clerk.io with Autopilot
-
Using Clerk.io with Active Campaign
-
Using Clerk.io with Marketing Platform
-
Using Clerk.io with MailChimp
-
Using Clerk.io with MailUp
-
Using Clerk.io with Apsis
-
Using Clerk.io with UbiVox
-
Using Clerk.io with CleverReach
-
Using Clerk.io with Google Ads
-
Using Clerk.io with Act-On
-
Audience Integrations with Facebook
-
Using Clerk.io with DotDigital
-
Using Clerk.io with Klaviyo
Styling the Add-To-Basket Step on Magento 1
See which files you need to modify.
The popup or middle-page in the Magento extension has a standard design, that you might want to change, to streamline it with your webshop.
First, these files handle the HTML of the page and popup respectively:
(Full Page)
app->design->frontend->base->default->template->clerk->powerpage.phtml
(Popup)
app->design->frontend->base->default->template->clerk->powerpopup.phtml
These files can be changed, and new classes can be added if necessary, to change the styling of individual parts:

The extension also has a specific CSS file that can be modified:
skin ->frontend->base->default->clerk->style.css
This file allows you to add and modify CSS specifically for the extension:
