Can not enter Credit Card Information

Permalink Browser Info Environment
Hi,
I have installed your block and added my plans, put in my Stripe API keys etc.

When i click Subscribe it takes me to a page to fill in the payment information, however the credit card section is empty. I assume that's where the stripe credit card part is to appear?

I've attached a screenshot for you. Any help is much appreciated.

Thanks
Laura

1 Attachment

Type: Pre-Sale
Status: Resolved
lauraslater
View Replies:
biplob replied on at Permalink Reply
biplob
Hi Laura,

Thanks for using our addon.
It seems for some reason the credit card input fields aren't appearing.
Could you please check your browser console (https://developer.chrome.com/docs/devtools/console/) if there is any javascript error?

Perhaps, it would be great if you can send us the .har (https://developer.chrome.com/docs/devtools/network/reference/#export) file.

Thanks.

Biplob
concrete5 Japan Inc
lauraslater replied on at Permalink Reply 1 Attachment
lauraslater
Hi Biplob

Thanks for your quick response. There does seems to be some errors when i check the Console - it could be because my dev site is http and not https yet?!

I've got the .har file too, i've added it in a zip file - let me know if that's ok, i havent done that before!

Thanks
Laura
biplob replied on at Permalink Reply
biplob
Hi Laura,

Thanks for the `.har` file.

> There does seems to be some errors when i check the Console

I can’t check the console errors from the .har file. Could you please check if there is any javascript conflict with your theme files? If you send the screenshot or the error detail we can guess about it.


> it could be because my dev site is http and not https yet?

You may test your Stripe.js integration over HTTP. However, live Stripe.js integrations must use HTTPS. This means you can use only the test API key, secret of stripe over HTTP.

Thanks.

Biplob
concrete5 Japan Inc.
lauraslater replied on at Permalink Reply
lauraslater
Hey

So i have updated the API to test API keys and now i can see the credit card information form - thanks for helping me there!

In regards to the styling and design of the Stripe Plan List block, is that something i have to do within my CSS or is it included in the package? Thought i'd check before i start making changes!

Thanks
Laura
biplob replied on at Permalink Reply
biplob
Hi,

> So i have updated the API to test API keys and now i can see the credit card information form

Glad to know that.

> In regards to the styling and design of the Stripe Plan List block, is that something i have to do within my CSS or is it included in the package?

Yes, you need to do it within your CSS. You may consider creating a block template. Seehttps://documentation.concretecms.org/developers/working-with-blocks...

And BTW, feel free to close this ticket if your problem is solved.

Thanks.

Biplob
concrete5 Japan Inc.
lauraslater replied on at Permalink Reply
lauraslater
Thanks for letting me know!

I will close the ticket...once i work out how!!

Thanks so much!
Laura

concrete5 Environment Information

# concrete5 Version
Core Version - 8.5.5
Version Installed - 8.5.5
Database Version - 20201116182100

# Database Information
Version: 5.5.68-MariaDB
SQL Mode:

# concrete5 Packages
Block Designer (1.3.9), C5DK Blog (8.4.3), C5J Stripe Subscription (1.0.1), Community Store (2.3.6), Flip Portal (1.0.1), Knibbs (2.0), Login Page Background (0.9.1), Modena Theme (1.1.6), Page List+ (2.0.1.3), Page Redirect (2.0), Page Selector Attribute (2.0), Quick Tabs (1.0), Services Block (2.0), Simple Header Block (1.0.1), Simple Portal (1.0.1), Spacer (0.9.3), Stripe Checkout Payment Method (1.0.1), Whale Grid Gallery (2.3.3), Whale OWL Carousel (2.5.7.7)

# concrete5 Overrides
blocks/autonav/templates/breadcrumb.php, blocks/autonav/templates/default_nav.php, blocks/autonav/templates/featured_nav.php, blocks/autonav/templates/mega_menu.php, blocks/autonav/templates/mega_menu_with_feature.php, blocks/autonav/templates/main.php, blocks/autonav/templates, blocks/autonav, blocks/image_slider/templates/home_slider/view.php, blocks/image_slider/templates/home_slider, blocks/image_slider/templates/header_slider/view.php, blocks/image_slider/templates/header_slider, blocks/image_slider/templates, blocks/image_slider, blocks/page_list/templates/simple/view.php, blocks/page_list/templates/simple, blocks/page_list/templates/thumbnail_grid/js/dynamic_list.js, blocks/page_list/templates/thumbnail_grid/js, blocks/page_list/templates/thumbnail_grid/view.css, blocks/page_list/templates/thumbnail_grid/view.php, blocks/page_list/templates/thumbnail_grid, blocks/page_list/templates, blocks/page_list, blocks/two_column_content/add.php, blocks/two_column_content/composer.php, blocks/two_column_content/config.json, blocks/two_column_content/controller.php, blocks/two_column_content/db.xml, blocks/two_column_content/edit.php, blocks/two_column_content/form.php, blocks/two_column_content/icon.png, blocks/two_column_content/view.php, blocks/two_column_content/templates/right_sidebar/view.php, blocks/two_column_content/templates/right_sidebar, blocks/two_column_content/templates/background_color/view.php, blocks/two_column_content/templates/background_color, blocks/two_column_content/templates/left_sidebar/view.php, blocks/two_column_content/templates/left_sidebar, blocks/two_column_content/templates, blocks/two_column_content, blocks/parallax/db.xml, blocks/parallax/form.php, blocks/parallax/controller.php, blocks/parallax/add.php, blocks/parallax/composer.php, blocks/parallax/edit.php, blocks/parallax/config.json, blocks/parallax/icon.png, blocks/parallax/view.php, blocks/parallax, blocks/map_multi_location/db.xml, blocks/map_multi_location/controller.php, blocks/map_multi_location/add.php, blocks/map_multi_location/composer.php, blocks/map_multi_location/form_setup_html.php, blocks/map_multi_location/edit.php, blocks/map_multi_location/icon.png, blocks/map_multi_location/LICENSE.TXT, blocks/map_multi_location/view.php, blocks/map_multi_location, blocks/text_image/add.php, blocks/text_image/config.json, blocks/text_image/composer.php, blocks/text_image/controller.php, blocks/text_image/db.xml, blocks/text_image/edit.php, blocks/text_image/form.php, blocks/text_image/icon.png, blocks/text_image/view.js, blocks/text_image/view.php, blocks/text_image, blocks/accordion_extended/db.xml, blocks/accordion_extended/controller.php, blocks/accordion_extended/view.php, blocks/accordion_extended/view.js, blocks/accordion_extended/add.php, blocks/accordion_extended/composer.php, blocks/accordion_extended/edit.php, blocks/accordion_extended/config.json, blocks/accordion_extended/form.php, blocks/accordion_extended/icon.png, blocks/accordion_extended, blocks/content_on_hover/add.php, blocks/content_on_hover/composer.php, blocks/content_on_hover/controller.php, blocks/content_on_hover/config.json, blocks/content_on_hover/db.xml, blocks/content_on_hover/edit.php, blocks/content_on_hover/icon.png, blocks/content_on_hover/form.php, blocks/content_on_hover/view.php, blocks/content_on_hover/templates/background_colour_reverse/view.php, blocks/content_on_hover/templates/background_colour_reverse, blocks/content_on_hover/templates/no_front_content/view.php, blocks/content_on_hover/templates/no_front_content, blocks/content_on_hover/templates, blocks/content_on_hover, blocks/faqs/add.php, blocks/faqs/composer.php, blocks/faqs/controller.php, blocks/faqs/db.xml, blocks/faqs/edit.php, blocks/faqs/form_setup_html.php, blocks/faqs/icon.png, blocks/faqs/view.php, blocks/faqs/LICENSE.TXT, blocks/faqs, blocks/video_text/add.php, blocks/video_text/auto.js, blocks/video_text/composer.php, blocks/video_text/controller.php, blocks/video_text/config.json, blocks/video_text/db.xml, blocks/video_text/edit.php, blocks/video_text/icon.png, blocks/video_text/form.php, blocks/video_text/view.php, blocks/video_text/js_form/select2.sortable.js, blocks/video_text/js_form, blocks/video_text, blocks/home_slider/db.xml, blocks/home_slider/controller.php, blocks/home_slider/add.php, blocks/home_slider/composer.php, blocks/home_slider/form_setup_html.php, blocks/home_slider/icon.png, blocks/home_slider/edit.php, blocks/home_slider/LICENSE.TXT, blocks/home_slider/view.js, blocks/home_slider/view.php, blocks/home_slider, blocks/search/templates/animated_search/view.php, blocks/search/templates/animated_search, blocks/search/templates/simple/view.php, blocks/search/templates/simple, blocks/search/templates, blocks/search

# concrete5 Cache Settings
Block Cache - Off
Overrides Cache - Off
Full Page Caching - Off
Full Page Cache Lifetime - Every 6 hours (default setting).

# Server Software
Apache

# Server API
fpm-fcgi

# PHP Version
7.3.29

# PHP Extensions
bcmath, bz2, calendar, cgi-fcgi, Core, ctype, curl, date, dba, dom, enchant, exif, fileinfo, filter, ftp, gd, gettext, gmp, hash, iconv, imagick, imap, intl, ionCube Loader, json, ldap, libxml, mbstring, mysqli, mysqlnd, odbc, openssl, pcre, PDO, pdo_mysql, PDO_ODBC, pdo_pgsql, pdo_sqlite, pgsql, Phar, posix, pspell, redis, Reflection, session, SimpleXML, soap, sockets, sodium, SPL, sqlite3, standard, sysvmsg, sysvsem, sysvshm, tidy, tokenizer, xml, xmlreader, xmlrpc, xmlwriter, xsl, Zend OPcache, zip, zlib

# PHP Settings
max_execution_time - 30
log_errors_max_len - 1024
max_file_uploads - 20
max_input_nesting_level - 64
max_input_time - 60
max_input_vars - 1000
memory_limit - 256M
post_max_size - 8M
upload_max_filesize - 2M
ic24.api.max_timeout - 7
ldap.max_links - Unlimited
mbstring.regex_stack_limit - 100000
mysqli.max_links - Unlimited
mysqli.max_persistent - Unlimited
odbc.max_links - Unlimited
odbc.max_persistent - Unlimited
pcre.backtrack_limit - 1000000
pcre.recursion_limit - 100000
pgsql.max_links - Unlimited
pgsql.max_persistent - Unlimited
redis.pconnect.connection_limit - 0
session.cache_limiter - <i>no value</i>
session.gc_maxlifetime - 7200
soap.wsdl_cache_limit - 5
opcache.max_accelerated_files - 10000
opcache.max_file_size - 0
opcache.max_wasted_percentage - 5

Browser User-Agent String

Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/92.0.4515.131 Safari/537.36

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You have not specified a license for this support ticket. You must have a valid license assigned to a support ticket to request a refund.