Is there a way to edit the embedded checkout as used on an external site in BigCommerce? - bigcommerce

I'm using the BigCommerce embedded checkout on an external site and want to know if there's a way to alter it?
I edited the theme files in the browser via the admin panel as well as following this tutorial to edit the Checkout SDK. In each case the changes showed up on the checkout of my BigCommerce site but not on the embedded checkout of my external site.

An embedded checkout is rendered separately from the respective store's built-in checkout so changes made via the Checkout SDK aren't supported. The Storefront Web APIs don't currently support CORS and because of that this library only functions on BigCommerce storefronts.

Related

Pass Data From Shopify App To The Shopify Front-End

I am starting to create my first app using PHP laravel and osiset.
I have created a partner account and created an app as well. I have integrated the library also. Done with app installation and authorization.
Now I am stuck for the next step. I don't understand how can I link my code and settings implemented on my app to Shopify frontend. How can I link the app database to Shopify website?
I save all the customized data in the app and how can I link that data with Shopify website?
I am able to make a standalone app with PHP but don't understand how its data can be linked to Shopify website. How my app database can be used in shopify website?
I am new here. Any help is very much appreciated.
Thanks
You have two main choices in 2022.
App Proxy
Theme App Extension
Also, Post-Purchase extensions, for checkout stuff, but I digress. You should have no trouble injecting your special content using #1 or #2.

can I remove specific app reference in my development of Shopify theme(unpublish theme)?

I am trying to make one feature in my Shopify theme that is currently integrated using 3rd party app. now I am achieving the same functionality using liquid code and javascript code but now I want to test without the app and once all tested on the development and if all working well then an then I want to push or deploy on a live one.
so for that, I want to remove that 3rd party app reference in the development theme only. the app will add js using a script tag.
I am using Shopify CLI to develop the theme feature. also I have blocked the JS of that app from the console window but I need to block it permanently on an unpublish theme so I can send the preview link to everyone to test the same things on a different machine and in a different browser.

shopify post purchase extension

Hi I'am trying to test a post purchase extension.
I tried the following steps:
registered my post purchase extension with the code provided
Served the extension using shopify extension serve
Installed the local app extension to firefox
Updated the firefox extension with the ngrok url
Tried to checkout from my development store
-No redirect occurs to the extension and nothing in logs, checkout goes directly to thank you page
if someone experienced could make a basic guide over this topic, that wold be awesome :)
I ran into a similar problem.
For dev stores, the store needs to have checkout extensions preview enabled. You can enable it during store setup in the partners panel. During set up you will be asked what extra features you need.
You need to enable checkout extensions in your main app settings in the partners panel
You need to enable preview mode in extension panel in partners panel. (if your extension is not on the list, remember to build and deploy it)
For checkout UI extension there is an extra step:
go to Online Store -> Themes -> Customize -> Find checkout page -> in customizer click link in the "Optimize your checkout with apps, fonts, colors, and more. Customize checkout" text (IMPORTANT: this will work only on new dev stores or the stores that have checkout UI feature enabled during setup; it's hard to tell exactly) -> scroll to the bottom and add your app.
I highly recommend going through Shopify documentation and tutorials slowly step by step :)
I wasted too much time on this detail.

Where are PHP files created by BigCommerce Stencil CLI stored?

BigCommerce has a node.js app which allows you to do Stencil development locally. Part of the simulation it gives you is URLs like http://localhost:3000/cart.php for the shopping cart page. I'd like to understand how this is done and where the cart.php file could be found.
The .php files are not available for editing; these URLs are merely proxied from BigCommerce servers when you're using the CLI.
Essentially, stencil-CLI gets the data from the cart page which is then compiled via node into the HTML output (using your local template).
To my knowledge, accessing php portions of BigCommerce to post changes is not really possible. It's the same for checkout.php as well. You'll have to post changes via scss files or via using handlebars and/or js-jquery.
Here's a similar question from BC forum:
https://forum.bigcommerce.com/s/question/0D51B00003zd4GSSAY/editing-a-php-page

Can I login to my stencil theme I am developing for bigcommerce?

I am working on a stencil theme, (first one), just using the default Cornerstone Light theme they supply you with. I am wondering if its possible to login to my local version of the theme at the http://localhost:3000 to alter pages and nav menus. My default login credentials for my bigcommerce store don't work.
You have to login to the store online and it will sync with the local version. It isn't a complete BigCommerce VM, so it lacks the ability to support local merchant login (but does support customer login).