reading codes from right click inspect element and finding it in the edit hmtl/css

Samed_Sökmen
New Member
6 0 0

hi all

 

 

how can i connect 2 codes the one from browser inspection (from the right click) and the one from shopifies theme html/css editor..

 

I would like to change the code bymelself. i can show in the browser the element and see the code but the same code i cant find int the shopifiy codes..

 

please see the photos id not clear

 

 

Thanks for the help

0 Likes
Mircea_Piturca
Shopify Partner
1459 39 284

In the inspector, looks like Chrome Dev Tools, you see the compiled markup. There are some DOM nodes (HTML elements) and the assigned CSS rules.

In the Shopify editor you will get the Liquid and scss code that is the 'source' of what you see in the DevTools.

Finally—Add variant descriptions to your products
0 Likes
Yashar
New Member
4 0 0

Hello i am also cant find codes on shopify theme editor which is displaying  in inspector

 

http://prntscr.com/raqsex

http://prntscr.com/raqvrl

0 Likes
JonWright
Shopify Partner
727 107 300
Install this Chrome extension https://chrome.google.com/webstore/detail/shopify-theme-search-by-b/epbnmkionkpliaiogpemfkclmcnbdfle...

This allows you to search all of your themes files for a specific piece of code/text.
If helpful then please Like and Accept Solution
Yashar
New Member
4 0 0

Thank you

0 Likes
Josettedc
New Member
1 0 0

Thank you for this. Is there a way to save the changes I make on the Shopify inspector on Chrome to my actual theme code? Once I hit refresh, the changes I made in the inspector revert to the original, and then I cannot find the code in my theme code.

0 Likes
Diana9231
New Member
1 0 0

Hi Jon,

Eventhough the tool was very useful to look up for a key word into all the code, I have a huge problem, I can't find where a specific code is. As you can see on the picture in google the word e-goi appears but when I used the extention you suggested it could not find it on my shopify code  

I don't know how else can I find it,  I need to erase it because I no longer use the e-goi service (a marketing automation tool) and the pop up keeps appearing on mi web page leading to nowhere.

I really appreciate your help.

Thanks!

egoi 2.pngegoi 1.png

0 Likes
Tobestar
New Member
1 0 0

Thank you. This little extension will save me hours. 

 

 

0 Likes