カレンダーがスマホに表示されません。

Question

PCもスマホも楽天GOLDで作成したスマートフォン用トップページを表示していますが、
カレンダーだけスマホには表示されていません。
これは何が原因なのでしょうか。

Accepted Answer

ECマスターズの伊藤です。


> おはようございます。いろいろやっていたら消えてしまっていたようです。
> もう一度index2.htmlにアップしました。

再度アップロードのご対応ありがとうございました。

確認したところ、スマホ表示時に、
tableのレイアウトを変更するタグが
記載されていました。

そのため、先日お知らせした、
のタグを、下記に差替をお試しくださいませ。


#sp{
display: none;
}
@media screen and (max-width: 720px){
#sp{
display: block;
}
table.calframe_rakuten td {
    display: table-cell;
}
}

Answer

ECマスターズの菅原です。

> PCもスマホも楽天GOLDで作成したスマートフォン用トップページを表示していますが、
> カレンダーだけスマホには表示されていません。
> これは何が原因なのでしょうか。

カレンダーをご設定いただいたあと、
設置の流れとしては以下がございますが、

STEP4　完了画面
の
[1]カスタムタグ
[2]HTMLタグ
のどちらをご利用頂いていますでしょうか。

楽天GOLDにてトップページを構築している場合は、
カスタムリンクは使用できませんので、HTMLタグを貼り付けていただくことで
カレンダーが表示される仕様になっております。

詳細は以下マニュアルにも記載がございますので、
一度ご確認いただけますと幸いです。

[基本情報設定 店舗情報・その他] 営業日カレンダーを作成する
https://navi-manual.faq.rakuten.net/shop-setting/000039933

また、すでにHTMLタグを貼り付けていただいているが表示されないという場合は
HTMLタグをコピーアンドペーストしていただき、ご教示いただけますと幸いです。

Answer

すみません。
もう一度質問させてください。
商品ページには表示されるのですが、ゴールドで出しているスマホのトップページに
カレンダーが表示されません。




  
    営業日カレンダー
  
  
    
      
        
          

            
              
                2022年3月
              
              
                日
                月
                火
                水
                木
                金
                土
              
              
                27
                28
                1
                2
                3
                4
                5
              
              
                6
                7
                8
                9
                10
                11
                12
              
              
                13
                14
                15
                16
                17
                18
                19
              
              
                20
                21
                22
                23
                24
                25
                26
              
              
                27
                28
                29
                30
                31
                1
                2
              
            

            
              
                2022年4月
              
              
                日
                月
                火
                水
                木
                金
                土
              
              
                27
                28
                29
                30
                31
                1
                2
              
              
                3
                4
                5
                6
                7
                8
                9
              
              
                10
                11
                12
                13
                14
                15
                16
              
              
                17
                18
                19
                20
                21
                22
                23
              
              
                24
                25
                26
                27
                28
                29
                30
              
            

          
        
        
          
            
              ■ 休業日
              ■ 受注・お問い合わせ業務のみ
              ■ 発送業務のみ
            
          
        
        
          
            
              
                【重要なお知らせ】
土日・祝日休業。休業前日15時以降、毎週金曜日の15時以降、また土日・祝日のご注文は、翌営業日より順次ご注文認証と発送を行います。

              
            
          
        
      
    
  










出来ましたらアドバイスください。お願いします。

Answer

ECマスターズの菅原です。

いただいたご質問につきまして
お調べさせていただきますので、
恐れ入りますがお時間いただけますと幸いです。

Answer

ECマスターズの土屋です。

>商品ページには表示されるのですが、
>ゴールドで出しているスマホのトップページに
>カレンダーが表示されません。

スマホサイズの画面になった際にカレンダーの
箇所が自動的に非表示になる設定となって
おりますので、スマホのみ表示される記載を
して頂く必要がございます。

スマホに表示させるカレンダーですが、
トップページの、どの場所に表示させたい
などご希望はございますでしょうか。

Answer

こんにちは。スマホのカレンダーは最下位の地図の上あたりが希望です。
アドバイスお願いいたします。

Answer

ECマスターズの伊藤です。

> スマホのカレンダーは最下位の地図の上あたりが希望です。

具体的な場所のご連絡ありがとうございます。

HTML内に



の記載があると思いますので、
こちらの下に
下記のHTML・CSSの記述をお願いします。

カレンダーのHTML
の部分を
編集してご利用くださいませ。



    カレンダーのHTML



#sp{
    display: none;
}
@media screen and (max-width: 720px){
#sp{
    display: block;
}
}

Answer

こんにちは。御指示ありがとうございます。
やってみたのですが、するとカレンダーが1行になってしまいます。
スクショを送ります。
GOLD上のhtmlは以下の通りです。
どこを直せばよいのかを教えていただけたら幸いです。
よろしくお願います。









【楽天市場】リサイクル着物、アンティーク着物をはじめ、新品、男性着物も格安で販売。：リサイクルきもの福服







	【楽天市場】リサイクル着物、アンティーク着物をはじめ、新品、男性着物も格安で販売。：リサイクルきもの福服
	
		会社概要
		楽天TOP
	
	
	

	
		お気軽にお問い合わせください。
		 03-5366-2850
		受付時間：10：00～17:30
		
			
				
				
				
				
				
				
				
			
		
	
	 +
		
			TOP
			送料について
			着物の買取
			着物Q&A
			処分品について
			送料について
			返品について
                        洗い・お直し
		
	




	
		
			
				
				
			
			
			
			最近はずいぶん着物を着る人の数は増えたと思いますが、それでもまだ一般的とは言えません。
			多くの方に着物の良さを伝え、より身近な皆様の「着物への入り口」になりたいと思っております。
			

		


　






  
    
      新着商品
    



    
      4月6日　合計14点入荷しました
    

    
      4月5日　合計10点入荷しました
    

    
      4月4日　合計11点入荷しました
    

    
      4月3日　合計19点入荷しました
    

    
      4月2日　合計14点入荷しました
    

    
      4月1日　合計22点入荷しました
    




    



   
    

  












			

			
		
			

			福服店長のおすすめ商品！
			
			
				
			
			
			
				
			


			











				
					
					
					
				

				楽天市場で使える40％OFFクーポンプレゼント
			






				
					
					
					
				

				期間限定クーポンプレゼント
			














				
					
					
					
				

				
			






			
				
					
					
				

				
			







  

		新着商品一覧
		
			
				
			
		

		
			
				
			
		
		
		オススメ特集
		
			
				
				

				
			        
				
                                
                                                   
                                
                                
                                
                                　　　　　　                
                                
                                


		
		
		コーディネートコーナー
		
			
				
				
				
			
		
		
	
	
    
    
      
        
           お問い合わせ
          お気軽にご相談下さい
      
      カテゴリー一覧

Answer

ECマスターズの伊藤です。

> GOLD上のhtmlは以下の通りです。
> どこを直せばよいのかを教えていただけたら幸いです。

ソースのご教示ありがとうございます。

恐れ入りますが、CSSなどのリンクが切れてしまい、
対象の箇所が判断でなかったため、

対象のページをindex2.html などに
ファイル名を変更してアップいただき、
対象のURLをご教示いただけますでしょうか。

お手数おかけいたしますが、よろしくおねがいします。

Answer

こんにちは。お手数をおかけしております。
さきほどFTPゴールド内にindex2.htmlでアップロードしましたが、そのURLがわかりません。
file:///C:/Users/user/AppData/Local/Temp/ffftp00001d14/file/index2.html
ではないですよね？
どのようにしたらURLは知ることができるのでしょうか？

Answer

ECマスターズの伊藤です。

> さきほどFTPゴールド内にindex2.htmlでアップロードしましたが、そのURLがわかりません。

アップロードのご対応ありがとうございました。
URLですが、index.htmlと同じところに
アップ頂いたのであれば

https://www.rakuten.ne.jp/gold/fukukimono/index2.html

になりますが、確認したところ、
カレンダーの表示が確認できませんでした。

お手数ですが、スクリーンショットで頂いている
1行になってしまうカレンダーを追加の上、
再度アップロードをいただけますでしょうか。

Answer

おはようございます。いろいろやっていたら消えてしまっていたようです。
もう一度index2.htmlにアップしました。

スマホのトップ画面の下部のカレンダーが1行になってしまいます。

よろしくご指導ください。お願いします。

Answer

こんにちは。おかげさまでスマホトップページにカレンダーが表示できました。

本当にいろいろとお手間をおかけし、こんなに親切に教えていただけたことに感謝しています。
今回初めての質問でしたので質問の仕方がわかりませんでしたが、良い経験になりました。
今まではわからないことが誰に聞いていいかわからなかったのでそのままでしたので、今後に
光が見えてきました。

今後ともどうぞよろしくお願いいたします。