Hi I am wondering how customizable the checkout page is on the BigCommerce platform.
In my use case I would like to replace the product image on the checkout page to an <iframe>
Is that possible to do?
For example see in the image below, which is a standard render of the checkout.html file, I would like to edit 3 lines of code in the {{{ checkout.checkout_content }}} tag (see line 31 in the image below), but is it accessible? And are there any workarounds, like for example injecting javascript?
I believe what you're looking to do is customize your checkout. If so, you can modify the one page optimized checkout or create a custom checkout using our Checkout SDK.
Here are some helpful links;
Open Checkout
Checkout SDK
Checkout SDK Tutorial
Related
I want domain.com/custompage, but the built in functionality puts all pages inside a /pages/ directory so the URL comes out domain.com/pages/custompage which I don't want.
I found this answer from a Shopify Guru in 2016 that mentions potentially setting up a custom HTML template or using an app, which no longer exists.
Any clues on how to achieve this? I have limited experience with Shopify templates, but could figure it out if someone could point me in the right direction.
This blogger says it can't be done:
"Q: Can you create pages on the root? A: The answer to this is no –> all pages have either /pages/, /collections/ or /products/ in the URL."
However others have told me it is possible. Just not how to do it.
Create a section Name "test" // first a step
Create a page json Name "test" // The second step
After creating the page, JSON does a section test
I'm trying to add a link to a button in Shopify, but I can't get it to work.
I created a new template file in Templates called "page.alternate.liquid"
Then I try to link to it from header using this:
LINK
The output doesn't add any link at all, just a regular text.
To view an alternate template, you have two options:
1) On the resource in question, choose the template that the resource should default to using the selector on the right-hand side.
(Note: this only shows if you have at least 1 appropriate alternate theme in the live theme, and will only list the alternate templates in the currently-live theme)
2) When linking to the resource, add view=<template-suffix> to the querystring of the link.
Example: To link to an alternate page template templates/page.inverted_colours.liquid, your link URL would be /pages/about-us?view=inverted_colours
In your case in the question, that would look something like LINK
This article on Shopify partners blog might help as well: https://www.shopify.ca/partners/blog/shopify-alternate-templates
Hope this helps!
I am very new to orchard CMS... i am trying to make a site in orchard CMS as this is my first site in orchard... i am facing a fair bit of problem and hindrances to over come... my background of the CMS for creating websites is wordpress/PHP....
but now there in this project i have a problem for the slider in the home page! how could i implement a slider in the home page... after searching a bit i have found to use the featured image slider.. i have tried to implement it... i have installed the module and made the featured group... now MY PROBLEM IS WHERE I CAN ADD THE IMAGES IN THE SLIDER... AS THE FEATURE ITEM FROM THE MENU ONLY SHOW THREE FIELDS HEADLINE,SUB-HEADLINE, AND LINKURL...
kindly let me know where do i can add the images in this slider and show them on the home page of my site....
Thanks alot in advance....
After hell of the search i have got the solution for that purpose... i am elaborating my answer step wise so that the new guys like me should understand that without an inconvenience...
normally orchard CMS uses nivo slider bydefault... if you want to use other sliders follow the same path as pasted below...
1: if you have download the Orchard CMS there will be a Jquery function in the layout.cshtml and the jquery file will also be linked in the script tag, pointing to the package of Jquery in Js or anyother folder...
2: Get the name of the div for which the Jquery is pointing to... normally the name will be "slider".... Copy that name and paste it in your home from CMS... but make sure to keep the name of the div same as the Jquery function narrates which is ("slider").
3:Link your images in the Div...
and browse the site in the browser and enjoy the slider...
I have a fantastic tutorial on pepfry.com for this issue. I have a complete tutorial where I show you all the steps to successfully install the 'Featured Item Slider' with screenshots.
I also have a video on YouTube where you can see the Image slider working successfully.
Regards!
Sumesh M.S
I am developing a shopify app.
Is it possible to add a new link to the main menu via the shopify API?
Thanks
If you log in to your partner account and then create an App you can edit the created App and you will see all the resources at your disposal where you can add a new link.
If you notice also, using the API you can pull and rewrite any asset in a shop to contain a new link. This is discouraged as bad practice. Instead, inject a script tag that does the dirty work.
Soon as I know the API itself cannot change something inside the theme files... some APPs ask you to apply some code manually in the theme, with proper instructions... maybe this code could add the new menu or dynamically interact to get it.
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.