I've created a Shopify store where discount codes can be entered indirectly. Therefore I am trying to disable the discount box as seen below.
I've researched it and seen you can edit the code in Themes > Actions > Edit Code.
And I've followed some videos:
https://www.youtube.com/watch?v=EJi6zfc63RU
However I am unable to do it.
Has anyone done this before?
Please Help!
You are in the right place, you need to look for the "checkout.liquid" file to make that edit.
Looks like you need to have a Shopify Plus account to be able to access that specific file, and lacks a workaround because of the security necessary to keep that page PCI compliant.
You can see more here: https://community.shopify.com/c/Shopify-Discussion/Customizing-Checkout-Page/td-p/453743
Related
Background:
I need to allow users to create web pages for various products, with each page having a standard overall appearance. So basically, I will have a template, and based on the input data I need the HTML page to be generated for each product. The input data will be submitted via a web form, following which the data should be merged with the template to produce the output.
I initially considered using a pure templating approach such as Nunjucks, but moved to ReactJS as I have prior experience with the latter.
Problem:
Once I display the output page (by adding the user input to the template file with placeholders), I am getting the desired output page displayed in the browser. But how can I now obtain the HTML code for this specific page?
When I tried to view the source code of the page, I see the contents of 'public/index.html' stating:
This HTML file is a template.
If you open it directly in the browser, you will see an empty page.
Expectedly, the same happens when I try to save (Save As...) the html page via the browser. I understand why the above happens.
But I cannot find a solution to my requirement. Can anyone tell me how I can download/save the static source code for the output page displayed on the browser.
I have read possible solutions such as installing 'React/Redux Development Extension' etc... but these would not work as a solution for external users (who cannot be expected to install these extensions to use my tool). I need a way to do this on production environment.
p.s. Having read the "background" info of my task, do let me know if you can think of any better ways of approaching this.
Edit note:
My app is currently actually just a single page, that accepts user data via a form and displays the output (in a full screen dialog). I don't wish to have these output pages 'published' on the website, and these are simply to be saved/downloaded for internal use. So simply being able to get the "source code" for the dislayed view/page on the browser and saving this to a file would solve my problem. But I am not sure if there is a way to do this?
Its recommended that you use a well-known site generator such as Gatsby or Next for your static sites since "npx create-react-app my-app" is for single page apps.
(ref: https://reactjs.org/docs/create-a-new-react-app.html#recommended-toolchains)
If I'm understanding correctly, you need to generate a new page link for each user. Each of your users will have their own link (http/https) to share with their users.
For example, a scheduling tool will need each user to create their own "booking page", which is a generated link (could be on your domain --> www.yourdomain.com/bookinguser1).
You'll need user profiles to store each user's custom page, a database, and such. If you're not comfortable, I'll use something like an e-commerce tool that will do it for you.
You can turn on the debugger (f12) and go to "Elements"
Then right-click on the HTML tag and press edit as HTML
And then copy everything (ctrl + a)
thanks in advance for your time to help me.
So... I work on a Retail store and we use a kiosk-like app on the laptops with the hardware and price information.
Recently i realized (because it runs 24/7) the lcds are getting burned by the kiosk app and its a major problem to the store.
Since i cannot make changes on the app itself i realized the best option was to create some kind of solution to this problem.
So i thought on creating an offline / local website in HTML that mimics the layout on the kiosk app and use some kind of anti-lcdburn jquery running along. (already have the code for the anti burn jquery).
My main problem is the kiosk app was really user-friendly on the configuration. Anyone on my store could easily change the data showing.
But in the other hand if i want to implement a static html website, anyone without html skills can't easily change the values.
My first thought was to create some kind of config file and find a way to import it. My main issue it i need to make this so that anyone with low-it skills can enter a page , change values and those values would show up on the kiosk page.
Something like a simple CMS but for a local file.
Any ideas?
Best regards
Can you display the website inside an iframe?
If so, just make a file that loads the website in an iframe, with the anti screen-burn jQuery over the top.
Anything more than that would be overkill and rebuilding something that appears to already exist - have you considered asking the creator of the app to include an anti screen-burn option?
We are customizing a Wirecloud installation to provide our own branding, text and header links. We have created a subtheme to the 'defaulttheme' and are overlaying our own template, images and sccs files to accomplish our customization.
We have managed to change the header image, landing page and a few other bits, but are hampered by the following:
The generated HTML provides no clues as to which template it originated from (we think?)
Documentation here: https://wirecloud.readthedocs.io/en/stable/development/platform/themes/
specifies a number of template files, but not all of the template. For example we cannot find the place where the 'Sign in' button is defined.
The wirecloud javascripts seem to insert random bits of html for what should be boilerplate stuff. For example a 'Powered by wirecloud' icon appears at the bottom of the screen. The 'get more components' button appears out of nowhere and we cannot disable it.
Many of the generated elements do not have an id, so it is difficult to disable or identify them in a sccs file. The 'get more components' button for example is not relevant for us, but we cannot remove it (so far).
Does anyone have a completed custom theme we can look at? Or can someone point out which template files / sccs files are used for branding and overall look-and-feel?
True, currently WireCloud doesn't print any comment not any other clue for detecting from what template the html was generated.
Some parts are not generated using templates, for example, the "Sign in" button. I recommend you to create a ticket in the issue tracker for each thing you want to customise and you don't find how to do it, so we will be able to give you a better answer, and to create a template if needed.
Remember that you have to include a "Powered by WireCloud" to comply with the WireCloud license. In the other hand, the "get more components" button can be removed by editing the wirecloud/workspace/wallet/wallet.html template, by removing the following code:
<s:southcontainer>
<t:addmore/>
</s:southcontainer>
Well, this can also be discussed and documented. We usually don't use ids because those elements are better located using some kind of selector.
Anyway, we are working to improve the documentation about themes ASAP.
So I hope I don't sound to noob here. I've created all required buttons via the customers paypal account. I signed them up with PayFlow Checkout as they have a gateway that they want to use bc it's with their business bank, it's a First Date Merchant Account.
The payflow checkout is the free version for now. I have also saved and published the integrated checkout page.
How or what am I missing that needs to occur on their product page for the PayFlow process to be used?
I've gone through the PDF for developers but maybe I am not understanding something. I thought it was a simple fix to the buttons or some code snippet I paste in the header area.
EDIT - I do have the sandbox accounts created however maybe I'm not sure of what needs to happen next.
Buttons and current paypal cart located here.
Please be kind and give me any tips on what am I missing.
Keith
Please forgive me beacause I'm a noob.
I've been able to get the fb-login-button to appear at the top of my site using facebook social plugins found here:
developers.facebook.com/docs/reference/plugins/login/
Currently when you log into my site shows the following:
http://s11.postimage.org/4i1255843/fb_Login_Mysite.jpg
However I want to setup my site to be more like the RT site and just display the persons first name and and also can display some other info around the site like this:
http://s12.postimage.org/6cm7ylyn1/Rotton_Tom.jpg
My question is:
I want to be able to show or hide specific facebook information from the person that is logged in like their name, how many friends they have that use the site and then place that information around the site or on other pages as I choose. Does anyone know how to do this or where some documentation would be on it?
Also when users login/register using facebook I'd like to store their information they give me somewhere like their email address, name, etc.. Does anyone know how I can store this information on a database or other place? Does it get stored in my facebook application?
For your first name and all the information you want to display, first you need to create MySQL database and create a table within it. You can use phpMyAdmin to create it automatically.
Then, you need to connect your database with your PHP site, where your register and login code is used.
You said you are a noob, so I didn't go into detail, becaouse you have great video tutorials right here. Just watch these videos and you will know everything you need to know about creating login & register page.
To create a summary, you need to learn PHP to get ceratin elements and manipulate them (show them on your site etc.).
Hope I helped!