規約関連ページでの HTML からの属性の強制排除について

Takuya
観光客
8 0 14

配送ポリシー(policies/shipping-policy)のページをHTML編集し、ページとしてレンダリングすると、Shopifyが、属性をコードから排除してしまいます。

具体的には、table で配送料金表を表現する際に、結合セルを定義したいのですが、rowspan属性 や colspan属性をレンダリング時に排除しているようです。加えて、id属性も排除しており、CSSで整形する際に不便を感じています。エディタ編集のプレビューでは、結合セルが機能しており、保存したHTMLのコードにも元の記述は残っております。

特段、問題のある記述では無いと思いますし、固定ページでは機能しており、表作成において、結合セルは必要ですので、これが意図する挙動なのか、ご確認お願い致します。

以下のようなコードでテストすると再現します。

<table border="1" id="shippingcost">
  <thead>
    <tr>
      <th colspan="2">結合見出しセル</th>
      <th colspan="3">結合見出しセル</th>
    </tr>
    <tr>
      <th>見出しセル</th>
      <th>見出しセル</th>
      <th>見出しセル</th>
      <th>見出しセル</th>
      <th>見出しセル</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>セル</td>
      <td>セル</td>
      <td>セル</td>
      <td>セル</td>
      <td>セル</td>
    </tr>
    <tr>
      <td>セル</td>
      <td>セル</td>
      <td>セル</td>
      <td>セル</td>
      <td>セル</td>
    </tr>
  </tbody>
</table>

 

0 件の「いいね!」
junichiokamura
Community Manager
Community Manager
1108 257 456

明示的な理由は仕様として開示されていないですが、通常のページはそのテンプレートがテーマの一部として組み込まれているのに対して、規約などのページはテーマの管理下にはなく、基本的にはCSSやJSなども正式サポートされていません(非公式な方法でカスタマイズする方法はありますが)。ですので、HTMLも完全なカスタマイズはサポートされていないのが理由かと思います。基本的にはエディタから編集を行うのを推奨します。

Technical Partner Manager, Japan
0 件の「いいね!」