cancel
Showing results for 
Search instead for 
Did you mean: 

Microform + Woocommerce breaks layout

Hi,

We're attempting to use the Microform tokenisation in a Woocommerce plugin but as soon as the Microform controls are activated the page layout breaks. The cause is most likely due to the CSS styles in the Microform controls conflicting with the Woocommerce ones.

Before activating the Microform controls the Woocommerce cehckout page  looks like:

 

nofrixion_1-1649767074295.png

After executing the snippet below to activate the Microform the Woocommerce cehckout page looks like the screenshot underneath.

 

 

var flex = new Flex(result.jwt);
microform = flex.microform({ styles: myStyles });
var number = microform.createField('number', { placeholder: '0000 0000 0000 0000' });
var securityCode = microform.createField('securityCode', { placeholder: 'CVC' });

number.load('#' + nfConfiguration.cardNumberContainerID);
securityCode.load('#' + nfConfiguration.cardSecurityCodeContainerID);

 

 

nofrixion_4-1649767226765.png

 

 

 

nofrixion
Member
1 REPLY 1

NA3 WhatsApp 2022 is clearly one of the most popular modified versions of WhatsApp plus. Unlike other MODs, it has over a billion downloads all over the world. In addition to this, this version contains most stable features. Communication is done in all parts of world through this app. Moreover, it is also used for official tasks, entertainment, and educational purposes.

solonet
Member