Mobile rendering

-- HikaShop version -- : 2.3.4
-- Joomla version -- : 3.3.6
-- PHP version -- : 5.3.28
-- Browser(s) name and version -- : Chrome

When viewing this page:
suzy-godsey.com/digit/index.php/shop

Is there anyway to get it off 3 columns and take it to one so:
1. The image is larger
2. The text doesn't break to new lines

thank you...please advise

You should be able to achieve this all by changing two settings in the HikaShop backend.

a) Go to -> Display -> Content menus, and open the menu with ID 237. In the left pane, find "Number of columns" and change from "3" to "1". Save, then reload and check the frontend of your site - your product listing should be only a single column wide... possibly also wide enough to not break the product title line.
b) In the backend, go to -> System -> Configuration -> Main tab -> Images, and change the values for "Thumbnail width" (and "height") according to your preferences. Eventually also play with the settings for "Force images size" and/or "Image scale mode". Again, save and reload frontend.

... and now I'm seeing the subject of the thread again, guessing that you were referring only to the display (= number of columns etc) on mobile screens ... so, forget my previous post, sorry.

Well, with a Yootheme template this can be done very elegantly by editing a product listing view in accordance with UIkit code ( see here ). Basic knowledge of HTML is required, and following the documentation here .

Hi,

If your template is responsive and you have enabled the option "Enable boostrap" in HikaShop so on small screens it should display the content in one div.

Please check the indicated option value, and if your template is responsive.

thank you...that was the fix! >> Enable Bootstrap in HikaShop Configuration >> Display