these can be implemented with the help of custom fields.
read the guides regarding this.
also, these have been discussed many times on the form before. please search the forum for more details.
I added my html code in custom field but unable to use the custom fields in template , I used {{ custom_fields[‘Footer’] but it does not show in the template
there is no need to insert html code in custom fields to implement what you described earlier.
and you definitely do not have to modify your theme to show the custom fields on your documents.
All themes, whether custom or built-in, will show all custom fields created for the transaction type, so long as the custom fields are checked to show on documents. You do not actually include the custom field in theme code. They appear automatically at the end of the document unless you deliberately remove the code that adds the custom field array.
you will have to use custom theme if you are trying to design exactly like this.
themes are written in liquid code. and not all design variables are supported.
unfortunately this is not a coding forum. so you will have to check your code.
I think you would be better off using custom fields than custom themes, as the various forum topics have described. Themes are for changing the overall look of the document, not so much the content. Nothing you are trying to show requires a custom theme.
You cannot control alignment of custom fields without custom themes. But is that really so important? Custom fields are all aligned to the left, one above another. You can control the order they appear by entering Position numbers.
To be clear, content within custom fields is in HTML. Themes are in Liquid. A Liquid theme is only going to call up the content of a custom field so its HTML code can be converted into a display.