const section1 =
`
Printful の配送予定機能は素晴らしいのですが、Shopify Liquid ファイルにハードコードされており、テーマをアップグレードすると消えてしまいます。これは現在このストアでも発生しています。
コードを修正して修正してみましょう。👉
`;
const section_2 =
`
1. Shopify管理画面の[オンラインストア] > [テーマ] > [コードの編集]で、現在の(古い)「theme.liquid」からインストールされたPrintfulアプリによって挿入されたJavaScriptを以下のようにコピーします。
2. 上記のコードを新しいバージョンの「theme.liquid」に貼り付け（挿入）ます。
(「</body></html>」の前) を、上の同じメニュー (コード エディター) のテーマに追加します。
3. 現在の（古い）テーマを zip ファイルとしてダウンロードし、ローカル PC に解凍します。
4. 上記のコード エディターで新しいテーマの [アセット] に移動し、[新しいアセットを追加] をクリックします。
5. 上記のローカル PC で抽出したテーマ ディレクトリから、各国の 14 個の SVG ファイルを選択してアップロードします。
6. 新しいバージョンのテーマを公開します。🍺
`;
const INSERTED_JAVASCRIPT =
`
<!-- PF EDT 開始 -->
<スクリプトタイプ='テキスト/javascript'>
{%- if content_for_header contains 'shopify-product-customizer' -%}
{%- if product -%}
{%- if product.first_available_variant -%}
var pfProductId = {{ product.metafields.printful.is_synced | json }} ;
var pfEdt = {{ shop.metafields.printful.is_edt_enabled | json }} ;
var pfEdtTextColor = {{ shop.metafields.printful.edt_text_color | json }} ;
var pfEdtBackgroundColor = {{ shop.metafields.printful.edt_background_color | json }} ;
var pfEdtBorderColor = {{ shop.metafields.printful.edt_border_color | json }} ;
var pfEdtUseDefaultStyling = {{ shop.metafields.printful.edt_default_style | json }} ;
var pfEdtTextAlignment = {{ shop.metafields.printful.edt_text_alignment | json }} ;
var pfEdtFlags = {
US: " {{ 'US.svg' | asset_url }} "、CA: " {{ 'CA.svg' | asset_url }} "、ES: " {{ 'ES.svg' | asset_url }} "、LV: " {{ 'LV.svg' | asset_url }} "、GB: " {{ 'GB.svg' | asset_url }} "、DE: " {{ 'DE.svg' | asset_url }} "、FR: " {{ 'FR.svg' | asset_url }} "、AU: " {{ 'AU.svg' | asset_url }} "、JP: " {{ 'JP.svg' | asset_url }} "、NZ: " {{ 'NZ.svg' | asset_url }} "、IT: " {{ 'IT.svg' | asset_url }} "、BR: " {{ 'BR.svg' | asset_url }} "、KR: " {{ 'KR.svg' | asset_url }} "、NL: " {{ 'NL.svg' | asset_url }} "、GB: " {{ 'GB.svg' | asset_url }} "、US: " {{ 'US.svg' | asset_url }} "、
};
{%- else -%}
var pfEdt = 0;
{%- endif -%}
{%- endif -%}
{%- endif -%}
</スクリプト>
<!-- PF EDT 終了 -->
`;
section_2.replace('以下のとおり', INSERTED_JAVASCRIPT);
document.append(ドキュメント.
要素を作成します(`<p>${section_1}</p>`));
document.append(ドキュメント.
要素を作成します(`<p${section_2}></p> `));
定数raw_img_1 =
;
const raw_img_2 =
;
const raw_img_3 =
;
const raw_img_4 =
;
document.append(ドキュメント.
createElement(`<h2>役に立つかもしれないスクリーンショットをいくつか紹介します。😉</2>`));
document.append(ドキュメント.
要素を作成します(`<img src=${raw_img_1}>`));
document.append(ドキュメント.
要素を作成します(`<img src=${raw_img_2}>`));
document.append(ドキュメント.
要素を作成します(`<img src=${raw_img_3}>`));
document.append(ドキュメント.
要素を作成します(`<img src=${raw_img_4}>`));