商品名で特定文字以降を表示させたい

Question

このような場でご質問させていただくのもお恥ずかしい限りなのですが
宜しくお願いいたします。

rmsのカテゴリページを編集しているのですが
カテゴリページに表示されるサムネイル画像下の
商品名を短く表示したいのですが思うようにいきません。

例）
花 フラワー ドライフラワー 薔薇 バラ ウエディング ブーケ ◆ ウェディングにおすすめ ホワイトローズのブーケ

↑という商品名だった場合、◆以降の

「◆ ウェディングにおすすめ ホワイトローズのブーケ」
↑とだけ表示させていのですが、どのようにしたらいいのでしょうか。

ちなみに、表示させる行数を指定して短く表示させたり
文字数を制限したり、何番目から…といった方法でなく、

「◆以降を表示」(◆以前を非表示)
という方法がもしあれば教えていただきたいです。
※他のすべての商品に対応させるため

全くの初心者で手探り状態のため、このような指定が可能なのかすら
わかりません。
どうかお力をお貸しいただけませんでしょうか。

宜しくお願い致します。

<style type="text/css">
<!--
#risFil td{
font-family:ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ Ｐゴシック,sans-serif;
}

#risFil td br{
display:none;
}

#risFil td img{
margin:30px 0 15px;
}

#risFil td img[width="14"]{
display:none;
}

#risFil .category_itemnamelink{
height:50px;
width:230px;
position: relative;
color:#444;
font-size:13px;
overflow:hidden;
display:block;
margin:15px 0 0 10px;
line-height:1.3;
text-align:left;
}

#risFil .category_itemprice{
font-weight:bold;
color:#BF0000;
font-size:16px;
margin:5px 0;
}

/*税込、送料別*/
#risFil .category_itemtaxpostage{
font-size:80%;
color:#666666;
}

#risFil .category_itemtaxpostage + .category_itemtaxpostage{
display:none;
}
#risFil .not{
font-size:10px;
font-weight:normal;
display:block;
background:#FF6600;
color:#FFF;
padding:2px 0;
text-align:center;
width:100px;
margin:0 auto;
border-radius:3px;
}
#risFil .risfClfx{
font-size:10px;
}
#risFil .risfClfx img{
margin:0;
}

-->
</style>

Comments

[root_jp]

今、手元にあるソースを載せた方がいいですね。HTMLやCSSやJavaScriptなどです。回答がついていますが、回答の内容をどのように自分のソースに組み込めばいいか分かりますか？（全くの初心者だと言われているので）

[退会済みユーザー]

ご回答ありがとうございます。今、ちょうど苦戦しておりました。
css追加させていただきました。
javaは現在使用していません。度々お手数お掛けしますがどうぞ宜しくお願い致します。

[kei344]

「rms」は「楽天RMS」でしょうか。

[m.ts10806]

RMSでどこまでCSSやJavaScriptが使えるかわかりませんね。あまりに自由に使えすぎると幾らでも悪さができるのでJavaScriptがNGのところもあるでしょうし。となると今ついた回答が無駄になるわけですし・・。

[退会済みユーザー]

ご回答ありがとうございます。楽天RMSになります。RMSでもjava使えます(実際に使っている)が、どこまで使えるかについては、度々仕様変更などもあるのでわかりません。

[m.ts10806]

JavaとJavaScriptは似て非なるものなのであらぬ誤解を与える可能性があるのでご注意ください。

[退会済みユーザー]

大変失礼いたしました。JavaScriptです。

Answer 1

var keyword    = "◆";
var targetText = "花 フラワー ドライフラワー 薔薇 バラ ウエディング ブーケ ◆ ウェディングにおすすめ ホワイトローズのブーケ"

// パターン1
console.log(targetText.match(RegExp(keyword + ".*"))[0]);

// パターン2
console.log(targetText.slice(targetText.indexOf(keyword)));

Comments

[退会済みユーザー]

さっそくのご回答ありがとうございます。
こちらで試してみます！