How to Setup For Joomla 2.5 Custom Responsive

  • Posts: 8
  • Thank you received: 0
10 years 3 months ago #188007

-- HikaShop version -- : 2.3.5
-- Joomla version -- : 2.5.28

I need to make Hikashop Business responsive for non-bootstrap Joomla 2.5 custom responsive template. How should I setup products & menus, etc. to make this happen?

I'd like 4 columns for desktop. 2 columns for tablet. 1 column for phone.

Thank you.

Last edit: 10 years 3 months ago by randyart. Reason: Adding Specific Info

Please Log in or Create an account to join the conversation.

  • Posts: 83671
  • Thank you received: 13542
  • MODERATOR
10 years 3 months ago #188020

Hi,

You'll need to add custom CSS in your template using the @media CSS query.
Here is a tutorial on that:
line25.com/tutorials/create-a-responsive...n-with-media-queries

Please Log in or Create an account to join the conversation.

  • Posts: 8
  • Thank you received: 0
10 years 3 months ago #188042

Thank you, Nicolas, for your response.

Is there a single item layout, such as slider horizontal, that I can use to then style with CSS & media queries or should I setup different menus for each device that link to the Hikashop options that I need and then style those?

Sorry, I hope my expanded question makes sense.

Please Log in or Create an account to join the conversation.

  • Posts: 83671
  • Thank you received: 13542
  • MODERATOR
10 years 3 months ago #188046

Hi,

No, you can use a single menu item and then you add custom CSS to redefine the width of the elements when the size of the screen gets smaller as explained in the CSS tutorial I gave.
You'll need to look through the HTML of the listing in order to find the classes to use in your CSS code. We have a small tutorial explaining how to find them on this page:
www.hikashop.com/support/support/documen...ize-the-display.html

Please Log in or Create an account to join the conversation.

Time to create page: 0.064 seconds
Powered by Kunena Forum