Products aren't displayed as the same size

  • Posts: 77
  • Thank you received: 1
  • Hikaserial Subscription
11 years 1 month ago #167710

-- url of the page with the problem -- : www.lockharttactical.com/
-- HikaShop version -- : 3.x
-- Joomla version -- : 3.x
-- Browser(s) name and version -- : firefox

As you can see on the pages below, the product divs are quite different. I dont know why they dont all just display as the same size? What do i need to correct to fix this?

Problem A
Sections affected:
1) FEATURED PRODUCTS on url: www.lockharttactical.com/
2) Entire page: lockharttactical.com/product
3) Entire page: lockharttactical.com/recent

Problem B:
imgur.com/mOEGCrO

At the top of ALL pages, as soon as you ADD at least 1 product to the cart, the proceed to checkout button appears.
But the button appears BELOW the rest of the mini cart in the top. How can I forced the "PROCEED BUTTON", to appear directly to the RIGHT side of the mini cart?


Thanks so much.

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

  • Posts: 84315
  • Thank you received: 13706
  • MODERATOR
11 years 1 month ago #167721

If you want to force the height of all the product boxes to be the same, you need to add such CSS on your website:
.hikashop_subcontainer{ height: 250px !important; }

For the proceed to checkout button, you need to add some float:left; and display:block; to the two texts before the button and it will display on the same line.

The following user(s) said Thank You: samuel

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

  • Posts: 77
  • Thank you received: 1
  • Hikaserial Subscription
11 years 1 month ago #167815

imgur.com/vo0IChW

Here is an image of what happened with that css for the box sizes. The images and prices, and product name etc, didn't seem to be in the boxes. etc. Very strange.

And i apologize, but for the 2nd codes you gave, i tried using " float:left; and display:block;" im not sure what to exactly target.

Thanks again so much. you guys are amazing. Im always recommending hikashop to everyone i meet in business.

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

  • Posts: 84315
  • Thank you received: 13706
  • MODERATOR
11 years 1 month ago #167828

For example such such should make the button on the same line:
.hikashop_cart span{ float:left; display:block; }

The following user(s) said Thank You: samuel

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

  • Posts: 77
  • Thank you received: 1
  • Hikaserial Subscription
11 years 1 month ago #167933

imgur.com/q9NarZi

This did help!
Thank you very much.


What im really trying to do.. is make the header smaller (vertically)

Right now, there is a big gap under the "proceed to checkout button" and where the top of the main menu starts.
Can hikashop automatically make the button much slimmer. and make the "cart icon, and price etc" more inline instead of stair casing?

Thanks so much. I really do appreciate all the help you guys provide.

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

  • Posts: 84315
  • Thank you received: 13706
  • MODERATOR
11 years 1 month ago #167941

The button styling and the header of your website are both handled by your template CSS. So I would recommend to contact your template provider for help on this.

The following user(s) said Thank You: samuel

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

  • Posts: 77
  • Thank you received: 1
  • Hikaserial Subscription
11 years 1 month ago #168094

1) .hikashop_subcontainer height: 250px !important; }
I added this CSS, but it seemed to distort the page. The product boxes get larger, but it forces the product name and price far below it.
It makes it 100% un-read able: Please see this img: imgur.com/1KZ6vMo


2) www.lockharttactical.com/component/hikas...lic-safety-toe-boots
On product pages I am still trying to get the codes to display properly for the "Price: "xxxx" per unit"
can you please help me again?

thanks!

3) I want to delete specifications tab, as now it is pointless as i have moved the "brand" button from the specs tab to the main product page layout. I would also like to combine the COMMENT and POST A COMMENT tab,

Thanks!

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

  • Posts: 84315
  • Thank you received: 13706
  • MODERATOR
11 years 1 month ago #168120

1. Change the height to adapt it to your website. 250px was just an example.

2. and 3. You can edit the file "show_tabular" via the menu Display>Views for that.

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

Time to create page: 0.068 seconds
Powered by Kunena Forum