Reasons why the preview banner is not displayed when analyzing a Shopify CLI previewing a local theme
1. Shopify background preview theme Sense, only reserve the parameter (preview_theme_id): gethttps://shuijingwanwq-development.myshopify.com/?preview_theme_id=130698641593. Preview banners are displayed. Figure 1, Figure 2
Figure 1
Figure 2
2. Execute the command in Shopify CLI: Shopify Theme dev –verbose , open this URL in the browser:http://127.0.0.1:9292, which can preview the theme in development of the current local environment. as shown in Figure 3
Figure 3
┃ Serving .
┃
┃ Please open this URL in your browser:
┃ http://127.0.0.1:9292
┃
┃ Customize this theme in the Theme Editor, and use 'theme pull' to get the changes:
┃ https://shuijingwanwq-development.myshopify.com/admin/themes/133598314681/editor
┃
┃ Share this theme preview:
┃ https://shuijingwanwq-development.myshopify.com/?preview_theme_id=133598314681
┃
┃ (Use Ctrl-C to stop)
┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ (4.34s) ━━━
[2023-03-09 10:01:13] INFO WEBrick 1.7.0
[2023-03-09 10:01:13] INFO ruby 3.1.1 (2022-02-18) [x64-mingw-ucrt]
[2023-03-09 10:01:13] INFO WEBrick::HTTPServer#start: pid=5384 port=9292
DEBUG Refreshing preview _secure_session_id cookie
DEBUG Proxying HEAD https://shuijingwanwq-development.myshopify.com/?preview_theme_id=133598314681&_fd=0&pb=0
DEBUG `-> 302 request_id: 38f7af92-8e4d-408a-be4c-a3c1e289d479
DEBUG Proxying GET https://shuijingwanwq-development.myshopify.com/?_fd=0&pb=0
DEBUG `-> 302 request_id: 03d906fc-6399-4eb7-87cf-e34a2f345397
3. Viewhttp://127.0.0.1:9292, the preview banner is not displayed when previewing the local theme. as shown in Figure 4
Figure 4
4. Through step 3, it can be confirmed that the parameters of the proxy to the online website are added: _fd=0&pb=0 . The complete word of pb should be: preview bar. Add parameters to the request URL in step 1: pb=0, the preview banner is no longer displayed. as shown in Figure 5
Figure 5
