GO SUB DEV LOG
Shopify 2.0では、商品、商品バリアント、コレクションに直接メタフィールドを簡単に追加できます。たとえば、商品に長さ、幅、高さなどを追加することができます。しかし、これらのメタフィールドをストアフロントの商品ページに表示する方法はどうすればよいでしょうか？今回の記事ではメタフィールドの実装方法を紹介します！
Shopify 2.0テーマを使用している場合は、以下の手順に従って、メタフィールド（長さ、幅、高さなど）を商品ページに表示できます：
1. Shopifyの管理画面から、オンラインストア > テーマを選択します。
2. ライブテーマセクションで、カスタマイズを選択します。他のテーマをカスタマイズする場合は、テーマライブラリから選択します。
3. 編集モードで、商品ページに移動します。左サイドバーの「製品情報」タブを探します。
4. 「製品情報」タブから、ブロックを追加して、「テキスト」を選択します。
5. 新しいテキストブロックに、挿入ダイナミックソースアイコンを使用して、一つずつメタフィールドを追加できます。
ビンテージテーマを使ってる場合
ヴィンテージテーマがメタフィールドをサポートしていなかったり、ストアでの表示方法を変更したい場合はどうすればよいでしょうか。その場合、もう一つの簡単な解決策があります：テーマコードを編集することです。少し技術的な知識が必要ですが、数分で完了できます。
手順は以下の通りです：
1. Shopifyの管理画面から、オンラインストア > テーマを選択します。
2. ライブテーマセクションで、アクション > コードを編集を選択します。
3. 左サイドバーで、product.liquidファイルを見つけます。このファイルは、テンプレート、セクション、またはスニペットタブの中にあります。
4. メタフィールドを表示したい位置を見つけたら、以下のコードを挿入します。
5. 保存をクリックします。これで、メタフィールドが商品ページに正しく表示されます。
まとめ
Shopify 2.0では、商品、商品バリアント、コレクションにメタフィールドを簡単に追加できますし、テーマをカスタマイズしてこれらのメタフィールドを商品ページに表示することも可能です。もしヴィンテージテーマを使用している場合や表示方法を変更したい場合は、テーマコードを編集することで解決できます。この記事の手順に従って設定すれば、メタフィールドを商品ページにスムーズに表示できるでしょう。問題が発生した場合は、Go Ride Repまでお気軽にお問い合わせください。
You can now customize text and translation displayed on the product page. The language described is based on the store language used by the customer. You can also set the default language and valid translation from the configuration page> translation setting page.
You can freely change texts for regular purchase options, regular purchase options, discount rates, and discounted prices shown on the product page.
- Purchase completed now completes the next order date change completion plan change completed
- Product change completed
- Product addition is completed
- Product deletion completed
- BOX product change completed
- BOX product addition is completed
- BOX product deletion completed
- Delivery date and time change completed
- Delivery address change completed
- Sent by e -mail of payment method change
- Skip the next order
- Pause of the contract is completed
- Removate the contract
- Canceled the contract
- Customer account page
- BOX page
Translation and text customization function
You can now customize text and translation displayed on your account page or BOX page. The language described is based on the store language used by the customer. You can also set the default language and valid translation from the configuration page> translation setting page.
Support languages and translation detailsHelp pagePlease refer to the.
Each subscription group has a cart and check -out link button and can now be added to the store!Select a product, subscription plan, quantity, flying page, etc., issue customized links, directly on the cart page and check -out page with selected products, plans, and quantities selected from the homepage, LP, etc. You can transition!
You can also customize and create buttons that use customized links.The CSS style below on the button can be customized.- font size
- Font thickness
- Border Kakumaru
- Button text
- height
- Width
The app is automatically created with the button Liquid and JavaScript code, and the developer can freely add the button code to add it directly to the theme.* Since the files of each theme are different, the following are just examples.Put the LIQUID code in the Liquid file with your desired theme.
The javascript code you want JavaScript in the file. It is recommended that you put it in the lower part of the javascped file.
You can now change the color of the section details of your account page from the application management screen!
App management screen> Setting page> Color setting page can be set.
The ones that can customize the color are as follows.- Button color
- Button text color
- Icon color
- Status bar color
- Text button color
- Modal text color
- Modal background color
* The background color and text color are used for color settings for the theme in use.The color of the button hover and the sub -text have been revised so that the customization of the color is reflected.- If the currency of the contract is different from the market setting in the customer's country, you will not be able to change the plan or product from the customer account page. It is not recommended that you use add -ons such as currency selection in the store and freely select the desired currency.
- In the Multichalencies store, the price discount of the subscription plan may not work properly other than the main currency of the store, so use a percentage discount instead.
- The dashboard is displayed only in the same currency contract as the main currency in the store. In the future, we plan to add a function to further support multiple currency stores.
Go Sub has added a subscription BOX function! The subscription BOX is a form of kitting that regularly ships multiple products to customers. Customers can select products from the specified products and customize the BOX.
Function details and setting methodsHerePlease refer to the.
- In the first order of the contract, if you purchase only digital products, only digital products can be added after the first order. When purchasing only digital products, you will not be able to add or change the product to be shipped because the contract does not have an address.
- In the first order of the contract, when purchasing a digital product (usually purchased or regularly purchased), the contract is attached to the contract. In this case, the details of the customer account page will also display the address, delivery date and time, etc. In addition, you can freely add and change both digital and shipping products after the first order.
