New Shopify Certification now available: Liquid Storefronts for Theme Developers

UI Element Picker in App Extensions/Section Settings

htanipog
Shopify Partner
11 0 2

Is there a method(section setting) within the Shopify customization window that allows users to select an element (such as price) and retrieve its corresponding HTML class/id/xpath?

Replies 2 (2)
Liam
Shopify Staff
Shopify Staff
1917 204 580

Hi Htanipog,

 

There's no native method in the theme editor to view class names/ IDs etc, but you can use your browsers inspector tool to achieve this, (see this video). 

 

Hope this helps,

Liam | Developer Advocate @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit Shopify.dev or the Shopify Web Design and Development Blog

htanipog
Shopify Partner
11 0 2

Thanks for the response. The idea is to let merchant select a component and the app extension get its id/class/xpath. Is that still not possible?