商品詳細説明のタグの微調整が出来ません。

Question

お世話になります。

商品説明文でタグを組みましたが、表示が少しずれます。
3点、赤のペンで括弧ったあたりのセンターにテキストを配置したいです。

ご教授下さい。


  
    
      商品詳細情報
      
    
   

  
    
      ブランド
       
        アシックス asics　　
        
    
    
      表記サイズ
　　　
        90-4  M相当
　　　　
    
    
      平置きサイズ
　　　
        肩幅：-- 着丈：51cm 身幅：57cm ゆき丈：72cm 脇袖丈47cm
　　　　　　
    
      素材/材質
       
        本体：ポリエステル90％　　　
        　　　　　綿　　　10％
        
        衿・袖口・裾：ポリエステル90％
        　　　　　　：ポリウレタン10％
        
        ライン：ポリエステル100％
        　　
        
    
    
      色
       
        赤　※照明や撮影環境、お使いのモニターの設定状況などにより実物のお色とイメージが違って見える場合がございます。予めご了承ください。
　　　　
    
    
      状態・ランク
　　　
　　　　【N ランク】
　　　　
        　
        汚れ・シミ：なし  
        傷・引掻き：なし
        毛玉・毛羽立ち：なし
        使用感：なし
        色あせ：なし
        ほつれ：なし
        におい：なし
　　　　
    
　　
      コメント
　　　
        ※新品未使用品のおススメの商品となります。
　　　　
    
    
      備考
      
　　　　テキストリンクをクリック頂くと他の商品もご覧いただけます。
        
    
  


同じものをスマホページにも貼りたいですがタグの規制があって貼ることが出来ません。

合わせてスマホページもタグも教えて下さい。

よろしくお願いいたします。###HR######IMG02cafacbae1ab6317ee1391c1285f194a.pngIMG0###

Answer

ECマスターズの清水です。

技術的なご質問になりますので、
確認次第、営業日にご回答させていただきます。

今しばらくお待ちくださいませ。

Answer

ECマスターズの田辺です。

お待たせいたしました。
の中に書かれている
と全角スペースが
ずれの原因でしたので
以下のように修正をお願いいたします。

例）
表記サイズ
　　　
　↓
表記サイズ

センターにする記述は別のタグで
指定されておりましたので
今回はを入れなくても中央に寄ります。


また、スマホページで利用する方法には、
禁止タグである


を削除してください。

こちらはなくても大丈夫なタグです。

また、は利用できるタグですが、
class属性が利用できませんので、
以下を参考に利用できる属性をつかって
背景色や位置などを指定していただくことをおすすめします。

スマートフォン用入力項目で利用できるタグ（利用できる属性）：
https://www.rakuten.co.jp/shops/manual/navi/design/02_014.html

Answer

田辺様お世話になります。

何度もすいません。表の外枠だけ二重・三重などにするにはどのようなタグを組めばよろしいでしょうか？

よろしくお願いいたします。

Answer

ECマスターズの田辺です。

三重にするには複雑な記述が必要になりますので
外枠を二重にする方法でもよろしいでしょうか。

その場合、レフトナビに書かれております、

table.spec {
  font-size: 13px;
  color: #333;
  line-height: 1.4em;
  min-width: 350px;
  border: 1px solid #c1c1c1;
  border-collapse: collapse;
  margin: 0 0 20px 0;
}

のborderを

border: 3px double #c1c1c1;

にご変更いただくことで二重線になります。

線1px＋間スペース1px＋線1pxで
最低3pxの指定が必要ですが、
数値を上げていただくことで線が太くなりますので
お好みの外枠になるようにご調整をお願いいたします。

Answer

田辺様、お世話になります。

レフトナビのコンディション別カテゴリーとカラー別カテゴリーはこのまま行こうと思います。

先ほど、お問い合わせしましたPCページの商品説明文のタグでアドバイス頂けたら助かります。
以下の表を外枠二重にしたく思います。

今、現在は以下の通りです。


  
    
      商品情報
      
    
   
    
      
        ブランド 
          アシックス asics　　
          
        
      
        表記サイズ 
          90-4  M相当
　　　　  
      
      
        平置きサイズ 
          肩幅：-- 着丈：51cm 身幅：57cm ゆき丈：72cm 脇袖丈47cm
　　　　  
      
      
        素材/材質 
          本体：ポリエステル90％　　　
            　　　　　綿　　　10％
            
            衿・袖口・裾：ポリエステル90％
            　　　　　　：ポリウレタン10％
            
            ライン：ポリエステル100％
            　　
          
      
      
        色 
          赤　※照明や撮影環境、お使いのモニターの設定状況などにより実物のお色とイメージが違って見える場合がございます。予めご了承ください。
　　　　  
      
      
        状態・ランク 
          【N ランク】
　　　　   
           　
           汚れ・シミ：なし  
           傷・引掻き：なし
           毛玉・毛羽立ち：なし
           使用感：なし
           色あせ：なし
           ほつれ：なし
           におい：なし
　　　　  
      
      
        コメント 
          ※新品未使用品のおススメの商品となります。
　　　　  
      
      
        備考 
          テキストリンクをクリック頂くと他の商品もご覧いただけます。
          
      
  


  
    
      古着屋クローズオフ楽天市場店について
      
    
   
    
      
        取り扱い商品 
          当店は中古品から新品、デッドストック品まで幅広いジャンルのおススメの商品を取り扱っております。メンズ・レディース・キッズ・帽子・靴・バッグなど全身コーディネート出来るラインナップを豊富に取り揃えております。古着と呼ばれる中古品衣料などに関しては、それぞれ様々なダメージがございますが画像やコメントなどで出来るだけお客様にご理解頂けるよう日々努力をしております。軽微な汚れや傷などはコメントを割愛させて頂くことがございますのでご了承ください。また、お色に関しましても照明や撮影の環境、お客様のお使いのモニターの設定状況によりイメージと違う場合がございますがご了承下さい。　　
          
       
       
         取り扱いブランド
リーバイス/Lee/Gap//carhartt/トミーヒルフィガー/ラルフローレン/L.L.Bean/チャンピオン/D&G/asics/adidas/コロンビア/PUMA/VERSACE/PRADA/ダンヒル/バーバリー/クリスチャンディオール/Hanes/ナイキ/DIESEL/ZARA/OLDNAVY/オースチンリード/Beams/GoldenBear/ラコステ/moussy/GU/ユニクロなどなど、多くのブランドを取り扱っております。
       
       
         プレゼント・イベントにも 
           1月、元旦、お年玉、2月、成人式、新成人、誕生日、バレンタイン、3月、卒業式、就活、新社会人、ホワイトデー、4月、入学式、新一年生、入学祝、進学祝い、就職祝い、春、お花見、5月、母の日、端午の節句、こどもの日、GW,6月、父の日、梅雨、レインコート、カッパ、7月、お中元、プール開き、海パン、ビキニ、8月、花火大会、浴衣、帽子、9月、敬老の日、贈り物、10月、運動会、体育祭、文化祭、学園祭、ハロウィン、11月、七五三、12月、クリスマス、お歳暮、ギフト、ボーナス、忘年会
　　　　   
       
       
         カラーバリエーション 
           白（ホワイト）、黒（ブラック）、灰色（グレー）、茶色（ブラウン）、肌色（ベージュ）、黄色（イエロー）、桃色（ピンク）、赤（レッド）、紫（パープル）、青（ブルー）、群青（ネイビー）、緑（グリーン）、橙（オレンジ）、銀色（シルバー）、金色（ゴールド）など多種ご用意いたしております。
　　　　   
       
       
         素材・仕様・シーズン 
           コットン、ポリエステル、ポリウレタン、ナイロン、刺繍、起毛素材、革、毛、羽毛、ダウン、フェザー、長袖、半袖、七分袖、ノースリーブ、ミニ、膝丈、長丈、ベスト、おしゃれ、オシャレ、人気、流行、コーデ、コーディネート、スタイル、アイテム、カジュアル、ストリート、アウトドア、野外、防寒着、派手、シンプル、定番、春物、春夏、秋物、秋冬、トレンド、フォーマルアメカジ
　　　　

それと、スマホページはtableの属性classを外し、タグも外すと枠がなくなり左へ寄ったようになります。背景色や配置などをお好きなようにとおっしゃいましたが、自分ではできません。田辺様のアイデアを拝借したく思います。

よろしくお願いいたします。###HR######IMG0eba6f316162fa8ac299c7c1077b2f3c5.pngIMG0######BR###

Answer

ECマスターズの田辺です。

言葉が足らず申し訳ございません。
先ほどご案内させていただいた方法は
コンディション別カテゴリーとカラー別カテゴリーに影響を及ぼしません。

確認させていただいたところ、
レフトナビのからの間で
PC用商品説明文のの
デザインを設定しておりましたので
そちらをご案内させていただきました。

table.spec {
  font-size: 13px;
  color: #333;
  line-height: 1.4em;
  min-width: 350px;
  border: 1px solid #c1c1c1;
  border-collapse: collapse;
  margin: 0 0 20px 0;
}

table.spec th {
  border: 1px solid #c1c1c1;
  background: #eee;
  padding: 8px;
  font-weight: bold;
  text-align: center;
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(248,248,248,1)));
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 );
  }

table.spec td {
  width: 70%;
  padding: 10px;
  border: 1px solid #c1c1c1;
  text-align: left;
  background: #fff;
}

↑レフトナビにこのように書かれております。

この記述によって線、背景色、配置などを設定されておりまして、
table.spec {
}
というのと

が連動しております。

そのためclassを消した状態のスマホページでは
線などがつきません。

例えば、
を
にしていただいたり、

背景色をつけたい箇所に
 bgcolor="#eee" 

幅が狭いに
width="20%"
などを入れていただくことで
PCの見た目に近づけることができます。

まずはできる範囲で構いませんので
今ご案内させていただいた方法をお試しいただけますと幸いです。

わからなくなってしまった箇所は
また修正させていただきますのでよろしくお願いいたします。

Answer

ありがとうございます。
やってみます。

Answer

田辺様。お世話になります。

を
にしていただいたり、

背景色をつけたい箇所に
bgcolor="#eee" 

幅が狭いに
width="20%"
などを入れていただくことで
PCの見た目に近づけることができます。

上記のアドバイスで商品説明文SP用は何とかかっこがつきました。

商品説明文PC用も今のままでも良いのですが少しデコレーションしたいです。

PC用商品説明文に以下のURLを貼り表を作りましたが、これを外枠二重にしたいです。


  
    
      商品情報
      
    
   
    
      
        ブランド 
          アシックス asics　　
          
        
      
        表記サイズ 
          90-4  M相当
　　　　  
      
      
        平置きサイズ 
          肩幅：-- 着丈：51cm 身幅：57cm ゆき丈：72cm 脇袖丈47cm
　　　　  
      
      
        素材/材質 
          本体：ポリエステル90％　　　
            　　　　　綿　　　10％
            
            衿・袖口・裾：ポリエステル90％
            　　　　　　：ポリウレタン10％
            
            ライン：ポリエステル100％
            　　
          
      
      
        色 
          赤　※照明や撮影環境、お使いのモニターの設定状況などにより実物のお色とイメージが違って見える場合がございます。予めご了承ください。
　　　　  
      
      
        状態・ランク 
          【N ランク】
　　　　   
           　
           汚れ・シミ：なし  
           傷・引掻き：なし
           毛玉・毛羽立ち：なし
           使用感：なし
           色あせ：なし
           ほつれ：なし
           におい：なし
　　　　  
      
      
        コメント 
          ※新品未使用品のおススメの商品となります。
　　　　  
      
      
        備考 
          テキストリンクをクリック頂くと他の商品もご覧いただけます。
          
      
  


  
    
      古着屋クローズオフ楽天市場店について
      
    
   
    
      
        取り扱い商品 
          当店は中古品から新品、デッドストック品まで幅広いジャンルのおススメの商品を取り扱っております。メンズ・レディース・キッズ・帽子・靴・バッグなど全身コーディネート出来るラインナップを豊富に取り揃えております。古着と呼ばれる中古品衣料などに関しては、それぞれ様々なダメージがございますが画像やコメントなどで出来るだけお客様にご理解頂けるよう日々努力をしております。軽微な汚れや傷などはコメントを割愛させて頂くことがございますのでご了承ください。また、お色に関しましても照明や撮影の環境、お客様のお使いのモニターの設定状況によりイメージと違う場合がございますがご了承下さい。　　
          
       
       
         取り扱いブランド
リーバイス/Lee/Gap//carhartt/トミーヒルフィガー/ラルフローレン/L.L.Bean/チャンピオン/D&G/asics/adidas/コロンビア/PUMA/VERSACE/PRADA/ダンヒル/バーバリー/クリスチャンディオール/Hanes/ナイキ/DIESEL/ZARA/OLDNAVY/オースチンリード/Beams/GoldenBear/ラコステ/moussy/GU/ユニクロなどなど、多くのブランドを取り扱っております。
       
       
         プレゼント・イベントにも 
           1月、元旦、お年玉、2月、成人式、新成人、誕生日、バレンタイン、3月、卒業式、就活、新社会人、ホワイトデー、4月、入学式、新一年生、入学祝、進学祝い、就職祝い、春、お花見、5月、母の日、端午の節句、こどもの日、GW,6月、父の日、梅雨、レインコート、カッパ、7月、お中元、プール開き、海パン、ビキニ、8月、花火大会、浴衣、帽子、9月、敬老の日、贈り物、10月、運動会、体育祭、文化祭、学園祭、ハロウィン、11月、七五三、12月、クリスマス、お歳暮、ギフト、ボーナス、忘年会
　　　　   
       
       
         カラーバリエーション 
           白（ホワイト）、黒（ブラック）、灰色（グレー）、茶色（ブラウン）、肌色（ベージュ）、黄色（イエロー）、桃色（ピンク）、赤（レッド）、紫（パープル）、青（ブルー）、群青（ネイビー）、緑（グリーン）、橙（オレンジ）、銀色（シルバー）、金色（ゴールド）など多種ご用意いたしております。
　　　　   
       
       
         素材・仕様・シーズン 
           コットン、ポリエステル、ポリウレタン、ナイロン、刺繍、起毛素材、革、毛、羽毛、ダウン、フェザー、長袖、半袖、七分袖、ノースリーブ、ミニ、膝丈、長丈、ベスト、おしゃれ、オシャレ、人気、流行、コーデ、コーディネート、スタイル、アイテム、カジュアル、ストリート、アウトドア、野外、防寒着、派手、シンプル、定番、春物、春夏、秋物、秋冬、トレンド、フォーマルアメカジ
　　　　

にしてみたがこれではだめなんですよね？

ご指導ください。
よろしくお願いいたします。

Answer

ECマスターズの田辺です。

スマホページの表がひとまず完成してよかったです。

PC用のタグの中に直接borderを入れたい場合には
style="と"で囲っていただくことにより二重線が反映されます。

誤）

正）

Answer

田辺様。ありがとうございました。
外枠二重に出来ました。

あと一つ、画像のまるでかっこったところにスペースが開くのは何故でしょうか？###HR######IMG0cdf97d6a9e84818f1e27fb2427b5d76a.pngIMG0######BR###

Answer

ECマスターズの田中です。

> 画像のまるでかっこったところにスペースが開くのは何故でしょうか？

ブラウザにて、単語の途中での改行を極力抑えようとして、
このような余白ができております。

そのため、この部分を囲むタグに
style="word-break:break-all;"
という属性を追加し、スタイルシートによる規則を加えることで
できる限りスペースを詰めて表示するようにすることはできるのですが、

このように、商品と直接関係ないブランド名を羅列する行為は、
下記「不適切な検索対策行為に関するガイドライン」の
禁止事項に該当し、商品の楽天市場内での露出が低下する可能性が
ございますので、行わないようにしていただきますようお願いします。

不適切な検索対策行為に関するガイドライン
https://www.rakuten.co.jp/shops/manual/navi/rule/guide/10_120.html

=======
２．禁止事項

（２）商品ページの説明文での商品と関係ないキーワードの羅列
商品ページの説明文（商品説明文および販売説明文）に検索ヒット目的で
その商品に直接関係ないキーワードを羅列することを禁止します。
店舗様の取り扱い商品という形で、その商品に直接関係ないブランド名、
商品ジャンル名(商品カテゴリー名)、モデル名などを羅列することも含みます。

＜禁止例＞
（中略）
●バッグの商品ページの説明文で、
「当店舗の取扱商品：ルイヴィトン エルメス シャネル コーチ　セリーヌ グッチ プラダ カルティエ ディオール ブルガリ フェラガモ バーバリー 財布　バッグポーチ マフラー ネクタイ スカーフ ネックレス ペンダント・・・・・」
というキーワードの羅列
=======

Answer

お世話になります。

大幅に改修致しました。

一番下のお問い合わせのところに当店のメールアドレスをリンクさせたのですが、『指定されたページはアクセスが制限されています　エラー ： 403 Forbidden』となります。間違っていますでしょうか？

よろしくお願いいたします。


  
    
      当店を初めて利用される方へ
      
    
   
    
      
        当店のご紹介 
          当店は中古品から新品、デッドストック品まで幅広いジャンルのおススメの商品を取り扱っております。メンズ・レディース・キッズ・帽子・靴・バッグなど全身コーディネート出来るラインナップを豊富に取り揃えております。古着と呼ばれる中古品衣料などに関しては、それぞれ様々なダメージがございますが画像やコメントなどで出来るだけお客様にご理解頂けるよう日々努力をしております。軽微な汚れや傷などはコメントを割愛させて頂くことがございますのでご了承ください。また、お色に関しましても照明や撮影の環境、お客様のお使いのモニターの設定状況によりイメージと違う場合がございますがご了承下さい。　　
          
      
      
        配送・送料店頭受取
          取り扱い配送業者：日本郵便ゆうパック：一律700円（北海道・沖縄・一部離島地域：1200円）クリックポスト：一律216円（追跡番号はありますが、お時間指定が出来ません。）※あす楽にはまだ対応しておりませんが、できる限り早い発送を心がけております。※当日発送は午前12：00までにご注文の確認が取れたものに限ります。（配送会社都合）
複数ご購入の場合は同梱可能（ゆうパック）です。クリックポストは厚さcmまでとなるため同梱できない場合がございます。例：ゆうパックの商品1点・クリックポストの商品1点の合計2点の場合、ゆうパックに同梱での発送になります。店頭受取：当店は大阪市東淀川区大道南に実店舗がございますので店頭受取が可能です。送料の必要な商品も店頭受取ですと送料無料でご購入頂けます。

                           
    　 
       
         記載の商品情報 
           記載の実寸は平置きで当店スタッフが手作業で採寸しております。若干の誤差はご容赦下さい。記載の商品情報（色・形状・カテゴリーなど）は当店独自基準です。ブランド特有の言い回しと異なる場合もございます。

　　　　   
       
       
         商品の状態 
           商品の状態・使用感・ダメージなどのコメントは当店スタッフの個人的主観となりますので、お客様のイメージと異なる場合がございますがご容赦下さい。
　　　　   
       
       
　　　　ご不明な点などございましたらお問い合わせください。###HR######IMG04be076862779c1c7367be6f3e2b2420f.pngIMG0######BR###

Answer

ECマスターズの田辺です。

メールアドレスのリンクは
アドレスの前に「mailto:」と記載をお願いいたします。

誤）

正）

Answer

田辺様、田中様、長々とあれこれアドバイスありがとうございました。
リニューアルの商品ページが活躍してることを願ってこの後ページに貼っていきます。

本当にありがとうございました