Checkout Page Stencil Bigcommerce - bigcommerce

We use Bigcommerce Stencil theme for our store, but we have some issue with a checkout page. We don't need have Shipping Details before Shipping Method because we have only Click&Collect option, without shipping. How can we change an order of questions in a checkout page and put Shipping Method before Shipping Details or maybe just hide it, as you pick Click&Collect option? Is it possible to change checkout.php or maybe add some JavaScript code for this? Thank you.

You should be able to modify what is happening on the checkout page by making your changes to checkout_express.html.
In Stencil, I found that the checkout_express.html file may not be available in the Stencil Theme Editor (Storefront Design -> My Themes, click on the "Customize" button on your current theme). If this is the case, you may need to go and change the setting for your checkout to allow for modification. Go to Advanced Settings -> Checkout and select "Custom One Page Checkout (for developers)" and Save your changes. This will set you up to be able to edit checkout_express.html.
Next, go to Storefront Design -> Design Options, and select the "More" navigation item. You should now have the option "Template Files". Selecting this option will give you a list of files for the current template; checkout_express.html should be among them. Find the file, and click on the ellipsis (...) on the right side of the screen for the file and select "Edit". That should open a new window with an in-browser editor that will allow you to make adjustments to the checkout page layout as you see fit.

Related

Bigcommerce checkbox addons to product

Is it possible to have a checkbox on the product page that are upselling the current product? For example if the user wants to buy a computer they might want to add a mouse, is that possible to implement on the product page for the computer by adding a checkbox that says "Add a mouse +50 SEK", and mouse in this case is referring to another existing product?
natively you can add a customized checkbox value to your pdp. You would do this under Products > View > Edit > Customizations. Select checkbox. Then enter rules to increase the price when selected. However, this is not tied directly to the product, so you'd have to run your own custom logic to handle inventory if you go this route.
Another option is to use a picklist. This is in the same location as checkbox. However the difference is that you can directly link this to a product on your storefront and not have to worry about inventory as it can be handled within BC if you select that option.
A third option is to use an app from the App Marketplace. I've used the BuyButtons app + an HTML widget on the pdp in a quick test to see how this would look. It would need some tweaking to get it to how you'd like, but it was fairly straight forward.
There are likely many other ways to accomplish this, though! These are just some native options & an app option. Thanks!

Shopify: How to make a custom template editable in the theme editor?

I am using the theme "Debut" and I've copied it to make a custom theme out of it.
Then, under "Edit code" I have create a new template for "blog".
Now, when I click on "Customize" button at my template, and the theme editor opens, I have a select box in the top bar where I can select the themes templates, and the pages I've created. But I can't find my custom blog template there, to edit it via the drag & drop editor.
How can I achieve this?
Any help is highly appreciated, thanks!
Once you add any custom template for a blog, product, or collection, they are not available directly into the backend customizer in Shopify.
In backend default templates are available, you need to assign the template to a page, product or blog and then navigate to the desired page, collection or product and blog page into backend using customizer window and then you able to edit the sections and blocks that are added to custom template code.

BigCommerce Edit Finishorder.php page for custom stencil theme

We designed and developed a custom theme for BigCommerce using Stencil for a client.
After an order is submitted, the finishorder.php page is shown. I've attached a screenshot. We cannot find a way to modify this page. I know the checkout.php can't be edited other than targeting CSS, is the same true for finishorder.php? By default its showing base pricing. The customers' products use options to create the final price, so products appear cheaper than they actually are after a checkout. We would also like to style the buttons and modify the block listing the products that "Customers also liked" to match the rest of the theme.
Screenshot from Finishorder.php page
It is possible for BigCommerce staff to enable an editable checkout (checkout_express.html) and thank you for your order screen (order.html). This will appear under Design Options > More > Template Files and be accessible through WebDAV.

Shopify: Change metafields for store

My problem is that when you login on my store - you (not necessarily registered) could add your e-mail and other information.
In this topic:
https://ecommerce.shopify.com/c/shopify-apps/t/allowing-a-customer-to-edit-their-profile-and-metadata-186665
I see that there is a possibility to change the metafields of the customer.
But I need to change the metafields of the store.
Does someone know where to find a list of requests or is there any options to change Metafields?
If you, as somebody with admin access to the store, needs to manually set or modify metafields on your store and either don't want to (or cannot) use a custom app to do so:
Get the (free) ShopifyFD extension for your browser (Link to the extension on the Chrome store)
Log in to your store and go to the 'Settings' (gear icon)
Click ShopifyFD's green '+' icon in your browser to load the extension on the page. You should now see your store metafields appear
You can now add metafields by filling in the boxes, or select existing metafields to manually edit their values.
Note: Metafields that are set by any of the apps that your are using should generally not be edited manually - changing an auto-generated field could really confuse the app that relies on it!

Shopify "test" template page

Is there any way to publish a test template page? For example, if I have a template file called "cart-test.liquid," is there anything I can modify so I can navigate to "http://shopname.com/cart-test" in order to test it out?
I'm currently developing an widget that'll be included on Shopify cart pages, and one of my clients wants to test it out before it's published on their real cart page.
The best way to test a theme without editing the live theme is to duplicate the current theme and use the preview function.
From within the Shopify admin (using Shopify Admin 2) goto the "Themes" section. Here you can "duplicate" the published main theme. It will create a copy of the theme within the "Unpublished themes" section. Here you can edit it and also get a preview of this theme (click on the link preview).