How to reflect the changes in Order Confirmation Files from Bigcommerce Checkout-JS? - bigcommerce

I tried to change the files for the checkout page using checkout-js. It is working. However, when I changed some files for the order confirmation page, it does not reflect.
May I know how to use the order confirmation files?

Related

Shopify Liquid: Adding Sections to the Login Template

I have a client request to add manageable content to the login page. I assume this would work like managing any other page, simply create a section with the necessary schema and markup, then include that section ({% section 'section_name' %}) in the customers/login.liquid theme template. Problem is I don't see an option to select the login page in the page selection drop-down when customizing the theme. How do I allow my client to customize the login page via sections?
Thanks!
The actual login template cannot have manageable sections.
The closest workaround is to create a custom page template that includes a login form. The page can include manageable sections that are accessible when customizing the theme. The only issue is that all the automatically generated login url links will not go to this page, so any instances of those links need to be adjusted in the theme.
You can manually tell the customizer where to go by adding a hash(#) at the end of the url, followed by the shopify site path you want to visit/edit.
https://<domain>.myshopify.com/admin/themes/<theme-id>/editor#/account/login
Once you enter this in the browser url bar, you'll need to hit enter twice to get the page to reload properly.
If you do this and find it keeps sending you back to the homepage, it means that accounts are disabled on the Shopify store. You can change this by going to:
Shopify Admin > Settings > Checkout > Customer accounts
Then selecting either: Accounts are optional // Account are required

Upload file at checkout

Is it possible to add a input type=file element to the checkout.html and persist it as an attachment to a checkout?
It seems the only way to make a file attachment in an order that would be visible from the store admin is to create a file option https://support.bigcommerce.com/s/article/Options-SKUs-Rules#file-upload, and add that to the cart to support the attachment.
No, at this time it is not possible to add a input type=file element to the checkout.html and persist it as an attachment to a checkout.
Current Options
Apps
https://www.intuitsolutions.net/bigcommerce-add-ons/purchase-order-solution-pdf-upload/
Product Option
File Upload Product Option - https://support.bigcommerce.com/s/article/Options-SKUs-Rules#file-upload
A file can be stored as an option-value on a product that is dynamically added to the cart.
This would require effort in hiding the product that represents the purchase order from showing up in the cart and checkout.
Future Options
file upload field support is coming soon for the S2S Cart API - thanks #KarenWhite
True Purchase Order Support sometime in the future...

How do I automatically inject HTML code into a Shopify .liquid file?

I want to have a Shopify app that allows me to automatically (so that the user doesn't have to edit the code) add code into one of a user's .liquid files. I can't seem to figure out how to do this.

a visual tool for upload status of file in BigCommerce

BigCommerce allows for product options that a user can upload a file to attach to an order (think a business card printer needs art files uploaded to the order)
Once a user selects all the options, and clicks add to cart, the page uploads the selected file along with the order details and takes you to the shopping cart. The time it takes for it to load depends on the weight of the files being uploaded.
Does anyone have a solution for having a visual tool for while a file is uploading, a percentage (either bar, or numbers) can be shown (or simply a "uploading images" overlay). People who are not familiar with the site think the page has frozen - they only realize when they let it upload - sometimes files can take up to 30 seconds to upload.
Im fairly proficient at CSS and HTML5 - if there are any solutions, please advise.
Thanks!
-Sebastian
In this case, you'd need to add HTML and CSS to create and style the loading bar. For the actual function of checking the upload status and displaying the progress, I'd suggest using jQuery with form plugin (uploadProgress function).
The necessary steps required to accomplish this will be a bit different in Bigcommerce than you'd see in this blog post, but it is explains it in a bit more depth with examples

Script Tags in shopify checkout

I'm looking at developing an app for Shopify which will add functionality to a store's checkout page. It would be ideal if the user didn't have to copy and paste code into files themselves hence I was looking at using the ScriptTag API ( http://api.shopify.com/scripttag.html ) to include a custom javascript file.
I've worked through some of the examples on the aforementioned API page and can get a custom script included on every page on my test store except for the checkout page. I've changed the src to start with 'https://' as suggested by the tutorial but my script still doesn't run or even appear in the page source for the checkout.
Does anybody have any ideas how I can get this working for the checkout? Is what I'm trying to do even possible?
The only page of the checkout that script-tags are loaded into is the Thank You page that appears after an order has been completed.
The pages for steps 1 & 2 of the checkout cannot have script-tags added to them for security reasons.