Adding custom html elements via API from APP

Technical Q&A
1

Hi,
I’m trying to add custom HTML to the product page via API. Working good
but I’ve faced with the problem that themes are different and I can’t know all positions of elements

for example, I need to add HTML right after the product title on the product page and in the catalog product listing

Screenshot 2021-03-14 at 12.43.10.png
Screenshot 2021-03-14 at 12.43.10.png2322×938 169 KB

Screenshot 2021-03-14 at 12.43.37.png
Screenshot 2021-03-14 at 12.43.37.png2826×1642 350 KB

and I’m wondering if there some rules that can help me define where are these elements?
maybe some class that will be there in all themes
I’m trying to find some regularity that will help me to find these elements on all themes
and I can parse HTML and insert it there

2

hello

you can work with Xpath it’s easy and will give you the right position of the elements

3

so I can find some liquid variable {{ product.title }} and see in what element it wrapped?
but there can be not one variable

4

yeah this is why XPath better or contact me with your store link to check it

5

for example, product page:

https://www.pastamanufaktur.de/products/quadri-mit-barlauchfullung

6

you should make your API works with all themes