[Skip to main content](#vessel-content)

#   コンテンツモジュールのレイアウトをレスポンシブデザインにしたい

##

- **[yukiko](/forum/user/33074-yukiko "View yukiko's Profile")**
- [![yukiko's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/33074-yukiko "View yukiko's Profile") Topic Author
- [ Offline](/forum/user/33074-yukiko)

Less More

- Posts: 27
- Thank you received: 0
-
-

10 years 11 months ago [\#219970](#219970) by [yukiko](/forum/user/33074-yukiko "View yukiko's Profile")  *[コンテンツモジュールのレイアウトをレスポンシブデザインにしたい](/forum/6-japanese-support/880349#219970 "-- HikaShop version -- : 最新 -- Joomla version -- : 最新  お世話になります。  joomlaのテンプレートでbootstrap対応のものを使用しています。 hikashopのモジュールで、カテゴリや商品をdivで表示する際、レスポンシブデザイン、またはbootstrapに対応させるためにはどのようにしたら良いのでしょうか。  「ブートストラップデザインを使う」を「はい」にしているのですが、反映されません。 申し訳ありませんが、ご教授いただければと思います。  よろしくお願いいたします。")* was created by *[yukiko](/forum/user/33074-yukiko "View yukiko's Profile")*

-- HikaShop version -- : 最新
-- Joomla version -- : 最新

お世話になります。

joomlaのテンプレートでbootstrap対応のものを使用しています。
hikashopのモジュールで、カテゴリや商品をdivで表示する際、レスポンシブデザイン、またはbootstrapに対応させるためにはどのようにしたら良いのでしょうか。

「ブートストラップデザインを使う」を「はい」にしているのですが、反映されません。
申し訳ありませんが、ご教授いただければと思います。

よろしくお願いいたします。

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzYtamFwYW5lc2Utc3VwcG9ydC84ODAzNDk/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Offline](/forum/user/63-nicolas)

Less More

- Posts: 86287
- Thank you received: 14264
-
-

10 years 11 months ago [\#219999](#219999) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[コンテンツモジュールのレイアウトをレスポンシブデザインにしたい](/forum/6-japanese-support/880349#219999 "-- HikaShop version -- : 最新 -- Joomla version -- : 最新  お世話になります。  joomlaのテンプレートでbootstrap対応のものを使用しています。 hikashopのモジュールで、カテゴリや商品をdivで表示する際、レスポンシブデザイン、またはbootstrapに対応させるためにはどのようにしたら良いのでしょうか。  「ブートストラップデザインを使う」を「はい」にしているのですが、反映されません。 申し訳ありませんが、ご教授いただければと思います。  よろしくお願いいたします。")*

yukiko様

「ブートストラップデザインを使う」のオプションを有効にしますとそうなるはずです。
反映されませんなら、そのページのリンクを頂けますか？

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzYtamFwYW5lc2Utc3VwcG9ydC84ODAzNDk/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[yukiko](/forum/user/33074-yukiko "View yukiko's Profile")**
- [![yukiko's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/33074-yukiko "View yukiko's Profile") Topic Author
- [ Offline](/forum/user/33074-yukiko)

Less More

- Posts: 27
- Thank you received: 0
-
-

10 years 11 months ago [\#220070](#220070) by [yukiko](/forum/user/33074-yukiko "View yukiko's Profile")  Replied by *[yukiko](/forum/user/33074-yukiko "View yukiko's Profile")* on topic *[コンテンツモジュールのレイアウトをレスポンシブデザインにしたい](/forum/6-japanese-support/880349#220070 "-- HikaShop version -- : 最新 -- Joomla version -- : 最新  お世話になります。  joomlaのテンプレートでbootstrap対応のものを使用しています。 hikashopのモジュールで、カテゴリや商品をdivで表示する際、レスポンシブデザイン、またはbootstrapに対応させるためにはどのようにしたら良いのでしょうか。  「ブートストラップデザインを使う」を「はい」にしているのですが、反映されません。 申し訳ありませんが、ご教授いただければと思います。  よろしくお願いいたします。")*

ありがとうございます。

カテゴリ一覧、商品ページともにレスポンシブに反映しません。
商品ページは、「左右入れ替え」にすると、縦並びになります。

カテゴリ一覧ページ
[ utumiseika-aichi.com/i](http://utumiseika-aichi.com/i)
[ utumiseika-aichi.com/index.php/category/59-](http://utumiseika-aichi.com/index.php/category/59-)

商品ページ
[ utumiseika-aichi.com/index.php/product/101-4500-](http://utumiseika-aichi.com/index.php/product/101-4500-)

よろしくお願いいたします。

- [ ![&#95;2015-11-10&#95;15&#95;01&#95;45.png](/forum/attachment/27560) ](/forum/attachment/27560 "...0&#95;15&#95;01&#95;45.png") [ ](/forum/attachment/27560?download=1 "...0&#95;15&#95;01&#95;45.png")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzYtamFwYW5lc2Utc3VwcG9ydC84ODAzNDk/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Offline](/forum/user/63-nicolas)

Less More

- Posts: 86287
- Thank you received: 14264
-
-

10 years 11 months ago -  10 years 11 months ago [\#220110](#220110) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[コンテンツモジュールのレイアウトをレスポンシブデザインにしたい](/forum/6-japanese-support/880349#220110 "-- HikaShop version -- : 最新 -- Joomla version -- : 最新  お世話になります。  joomlaのテンプレートでbootstrap対応のものを使用しています。 hikashopのモジュールで、カテゴリや商品をdivで表示する際、レスポンシブデザイン、またはbootstrapに対応させるためにはどのようにしたら良いのでしょうか。  「ブートストラップデザインを使う」を「はい」にしているのですが、反映されません。 申し訳ありませんが、ご教授いただければと思います。  よろしくお願いいたします。")*

yukiko様

問題はテンプレートの方にあります。

テンプレートはブートストラップ2をサポートしています。
しかし本テンプレートには、ブートストラップ2のレスポンシブＣＳＳがありません。
そのため、現在の状況が生じています。手動でブーストラップ２のレスポンシブＣＳＳを追加して下さい。

下記ファイルのrow-fluidクラスのＣＳＳコードを追加し、問題が解決するかお試し下さい。

しかしながら、テンプレートの供給先様にお問い合わせすることを、強くお勧めいたします。

Last edit: 10 years 11 months ago by [nicolas](/forum/user/63-nicolas "View nicolas's Profile").

The following user(s) said Thank You: [yukiko](/forum/user/33074-yukiko "View yukiko's Profile")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzYtamFwYW5lc2Utc3VwcG9ydC84ODAzNDk/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[yukiko](/forum/user/33074-yukiko "View yukiko's Profile")**
- [![yukiko's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/33074-yukiko "View yukiko's Profile") Topic Author
- [ Offline](/forum/user/33074-yukiko)

Less More

- Posts: 27
- Thank you received: 0
-
-

10 years 11 months ago [\#220202](#220202) by [yukiko](/forum/user/33074-yukiko "View yukiko's Profile")  Replied by *[yukiko](/forum/user/33074-yukiko "View yukiko's Profile")* on topic *[コンテンツモジュールのレイアウトをレスポンシブデザインにしたい](/forum/6-japanese-support/880349#220202 "-- HikaShop version -- : 最新 -- Joomla version -- : 最新  お世話になります。  joomlaのテンプレートでbootstrap対応のものを使用しています。 hikashopのモジュールで、カテゴリや商品をdivで表示する際、レスポンシブデザイン、またはbootstrapに対応させるためにはどのようにしたら良いのでしょうか。  「ブートストラップデザインを使う」を「はい」にしているのですが、反映されません。 申し訳ありませんが、ご教授いただければと思います。  よろしくお願いいたします。")*

ありがとうございます。

bootstrap3を入れてやってみます。

&gt;下記ファイルのrow-fluidクラスのＣＳＳコードを追加し、問題が解決するかお試し下さい。
下記ファイルとは、ファイルが添付になっていますか？

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzYtamFwYW5lc2Utc3VwcG9ydC84ODAzNDk/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Offline](/forum/user/63-nicolas)

Less More

- Posts: 86287
- Thank you received: 14264
-
-

10 years 11 months ago [\#220239](#220239) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[コンテンツモジュールのレイアウトをレスポンシブデザインにしたい](/forum/6-japanese-support/880349#220239 "-- HikaShop version -- : 最新 -- Joomla version -- : 最新  お世話になります。  joomlaのテンプレートでbootstrap対応のものを使用しています。 hikashopのモジュールで、カテゴリや商品をdivで表示する際、レスポンシブデザイン、またはbootstrapに対応させるためにはどのようにしたら良いのでしょうか。  「ブートストラップデザインを使う」を「はい」にしているのですが、反映されません。 申し訳ありませんが、ご教授いただければと思います。  よろしくお願いいたします。")*

こちらです：

*This attachment is hidden for guests.
Please log in or register to see it.*

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzYtamFwYW5lc2Utc3VwcG9ydC84ODAzNDk/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[yukiko](/forum/user/33074-yukiko "View yukiko's Profile")**
- [![yukiko's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/33074-yukiko "View yukiko's Profile") Topic Author
- [ Offline](/forum/user/33074-yukiko)

Less More

- Posts: 27
- Thank you received: 0
-
-

10 years 11 months ago [\#220442](#220442) by [yukiko](/forum/user/33074-yukiko "View yukiko's Profile")  Replied by *[yukiko](/forum/user/33074-yukiko "View yukiko's Profile")* on topic *[コンテンツモジュールのレイアウトをレスポンシブデザインにしたい](/forum/6-japanese-support/880349#220442 "-- HikaShop version -- : 最新 -- Joomla version -- : 最新  お世話になります。  joomlaのテンプレートでbootstrap対応のものを使用しています。 hikashopのモジュールで、カテゴリや商品をdivで表示する際、レスポンシブデザイン、またはbootstrapに対応させるためにはどのようにしたら良いのでしょうか。  「ブートストラップデザインを使う」を「はい」にしているのですが、反映されません。 申し訳ありませんが、ご教授いただければと思います。  よろしくお願いいたします。")*

報告が遅れてしまい申し訳ありません。

ありがとうございます！
おかげさまで、無事レスポンシブに対応できました。

またこれから質問することがありますが、よろしくお願いいたします。

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzYtamFwYW5lc2Utc3VwcG9ydC84ODAzNDk/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

Board Categories HikaShop- Install &amp; Update- Product &amp; Category Display- Content Creation- Sales and Orders- - Orders management- - Reports &amp; Statistics- Customers- Checkout- Payment Methods- Shipping Methods- Import &amp; Export (CSV, XLS…)- Specific Features- - Affilation- - Taxes- - Wishlist- - Vote- - Carousel &amp; Slider- - Mass Actions- - Filters &amp; Search- - Discount &amp; Coupon- - Feature Request- Integrations- Showcase- General Talk about HikaShop- Development- - HikaShop 3.0 Beta- Translation- Commercial Jobs HikaShop Components- HikaMarket- - Market: Feature requests- - Market: How to?- - Market: Bug Report- HikaSerial- - General talk about HikaSerial- - Serial: Bug Report- - Serial: How to?- - Support en Français de HikaSerial (French Support)- - HikaSubscription- HikaAuction- - Auction: Feature requests- - Auction: How to?- - Auction: Bug report Hikashop around the world- Support en Français (French Support)- Russian- - FAQ. Курс выживания с Hikashop. Частые вопросы и о- - Расширения Hikashop- - Наши сайты на Hikashop- 日本語版サポート(Japanese Support)- Thai- German Archives- Bug Report- How to?

[](/forum/topics/feed/mode-topics?format=feed&type=rss)

Time to create page: 0.234 seconds

[Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)

[](#top)
