mrtc
Shopify Partner
Contact Me
Status
Offline
Last Activity
‎01-26-2024 05:35 AM
Topic Started
0
Topics Started
Topic Solutions
20
Solutions
Post Count
47
Posts
Post Kudos
27
Likes

Bio: 株式会社テンカ[代表取締役] 広告代理店や企業広報を経て、2007年12月にデザイン事務所「モリタ・クリエイト」を創業。2022年12月に「株式会社テンカ」を設立。

Community Badges

No content to show

User Activity

上記コードの場合ですと、「snippets/meta-tags.liquid」を開けば各メタタグ出力のコードが表示されます。テーマによってコードが異なるかもしれませんが、Dawnの場合は以下のコードがog:imageの出力部分になります。{%- if page_image -%} <meta property="og:image" content="http:{{ page_image | image_url }}"> <meta property="og:image:secure_url" c...
Dawn(11.0.0)の場合は「main-product.liquid」内にある数量セレクターを出力する「quantity_selector」部分の<input>タグ内に以下のコードがあります。{% if product.selected_or_first_available_variant.quantity_rule.max != null %} data-max="{{ product.selected_or_first_available_variant.quantity_rule.ma...
「or」を使って複数指定してください。https://shopify.dev/docs/api/liquid/basics#operators{% if page.handle != 'ハンドル1' or page.handle != 'ハンドル2' %} {% section 'header' %}{% endif %}{% if page.handle != 'ハンドル1' or page.handle != 'ハンドル2' %} {% section 'footer' %}{% endif...
こまつなさん コピペしたコードというのは私が回答したcase/whenを使った方法のことでしょうか?紹介したコードで変更するのは<svg>タグ全体で、もしSVGタグのxmlns属性をアップロードしたファイルのURLに変更したのなら、間違ったやり方です。 SVGファイルをエディタで開き、そのコード(<svg>〜</svg>)を差し替えてください。pngなどの画像ファイルなら<img>タグを使ってください。また、必要に応じてCSSファイルも編集する必要があります。 HTMLやCSSの知識がある程度な...
「特定のページ」というのは、「ドメイン/pages/ハンドル」といったPagesで作成したページのことでしょうか?以下のような分岐で非表示にできると思います。{% if page.handle != 'ハンドル名' %} {% section 'header' %} {% endif %} {% if page.handle != 'ハンドル名' %} {% section 'footer' %} {% endif %}もしくは{% unless page.handle == 'ハンドル名...
@smilebb コレクションでタグ指定するのが、現状ではベストな選択かもしれませんね。@Jizo_Inagaki こんなアプリあるんですね〜このディスカッションとは関係ありませんが、URL以前にタグの翻訳ができないのはマルチリンガルサイトでは結構な問題ですからね。いずれ実装されるのを願って!
テーマもバージョンによって構造が異なったりしますので、具体的なソースは答えにくいですが、とりあえず「Sections/header.liquid」を開いて「cart」で検索してみてください。Minimalの場合はデスクトップ用とモバイル用が別のHTMLなので、それぞれに分岐タグを追記してください。HTMLが理解できていれば簡単だと思いますが、難しいようでしたら触らないほうが良いです。
コレクションオブジェクトなので、商品ページには適用されないと思います。ただ、商品ページは「ドメイン/products/ハンドル」ですが、コレクションから辿ると「ドメイン/collections/コレクション名/products/ハンドル」といったURLになります。その際にはそのタグでも表示されるかと思います。
テンプレートの分岐で可能です。{% if template == 'collection' %} <!-- カートアイコンのHTML --> {% endif %}テンプレートが「collection」の場合はコード内のHTMLが表示されます。コレクションのテンプレートが複数ある場合は、「==」じゃなくて「contains」を利用してください。
公式ヘルプにも書かれていますが、タグの翻訳はできません。https://help.shopify.com/ja/manual/cross-border/multilingual-online-store#part-ff7eca70d204e295タグのURLが日本語だと何か問題があるのでしょうか?
DawnにはjQueryが入っていないので、デートピッカー用に読み込む必要があるんじゃないでしょうか?jQuery及びjQueryUIが正しく読み込まれているか、開発ツールなどでご確認ください。https://jquery.com/https://jqueryui.com/datepicker/速度に影響がでますので、カート部分だけ読み込めばいいと思います。
@nishi-ec ちょうど同じ作業をしていたところでしたので、参考にしていただければ幸いです。HTMLやCSSの構造はコーダーのクセが出ます。モバイルのメニューアイコンとか、何でこんな面倒くさい構造にしてるんだろうと思いながらCSSを調整する方向で進めました。
テーマカスタマイザーで各メタフィールドを設定すれば、商品ごとのメタフィールド値が出力されます。https://help.shopify.com/ja/manual/online-store/themes/os20/theme-structure/sections/#metafields-and-dynamic-sourcesただ、何故かHTMLタグは文字列としてそのまま表示されてしまいますので、やはり分岐が必要になります。方法はいろいろ考えられますが、ぱっと思いついたのはこんな感じです。 1. ...
セクションブロックで実装するなら、メタフィールドのテキストフィールドを使ってHTMLを出力すれば、個別に対応できるかと思います。また、難易度が高くなりますがLiquidを駆使すれば動的に関連アイテムを出力させるセクションブロックを作ることも可能です。
Dawnのカートアイコンは添付のように余白が入っています。余白のないFontawesomeのカートアイコンに差し替えただけでは余白が埋まってしまう分、大きく表示されます。おそらくはカートに追加した際の数字バッジの為かと思われます。また、出力されるSVGのサイズはCSSで指定されているので、viewBoxは関係ありません。対処方法としては以下が考えられます。Fontawesomeのアイコンを編集して余白をつけるbase.cssを編集してアイコンのサイズを調整するCSSを編集する場合は上手くやらない...
This widget could not be displayed.
This widget could not be displayed.