Simple way to make my shop look a little cleaner?

  • Posts: 40
  • Thank you received: 2
3 years 5 months ago #324702

-- url of the page with the problem -- : www.poelierdijkshoorn.nl/index.php/hikas...r-categories-listing
-- HikaShop version -- : 4.4.0

I've been using Hikashop for a while now, and since we're hoping the webshop will become somthing serious for our store i've bought the business edition.

I'm almost done putting all the products in, but I can't get the shop to look right. I think it's fairly easy, but I don't know where to start. Could someone have a look and maybe give me some tips? For instance, I'd like to have the image pane's a little bigger, but they are responsive and I can't seem to set a widht for them, only a height. Probably this would be inadvisable anyway since it should look good on mobile or other resolutions too.

As it is now it's all a little cramped as you can see. What is the easiest way to make the overview of the product menu look acceptable and a little cleaner/more modern?

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

  • Posts: 81361
  • Thank you received: 13035
  • MODERATOR
3 years 5 months ago #324705

Hi,

Well, you have several things coming into play here.
The width of each element and the spacing between them in the listing is calculated automatically.
And there are several things on your website leading to this result:
- in the settings of your menu item, under the "category options" tab, you have set a margin of 10px. So 10px on each side of each product "box" is reserved for that.
- You have also selected "thumbnails" borders there. But your template's main css file has some CSS code for the thumbnail class used when you have that option configured:
monosnap.com/file/DnqKtZRYvQ0HxQKvL0DIPHIG7Yi3iU
As you can see, it adds a margin-bottom of 40px, which adds a big gap between the rows.
- You also have custom CSS added in which adds 15px on each side of the product "box":
monosnap.com/file/SWtSfSdCAdOavRM0EXKYbKJe46ANbi

So remove that margin-bottom from your template's CSS and set the margin to 0 in the settings of the menu item and that should already be a bit better.

Also, maybe moving the cart module on the left sidebar to give more space for the main area would go along way so that it feels less cramped I think.

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

Time to create page: 0.055 seconds
Powered by Kunena Forum