Different layout for quantity pricing and variant pricing on product list

  • Posts: 121
  • Thank you received: 2
4 years 3 weeks ago #329735

-- HikaShop version -- : 4.4.0
-- Joomla version -- : 3.9.23
-- PHP version -- : 7.3.25
-- Browser(s) name and version -- : Firefox


Is there a way of aligning "add to cart" button and "Price/Product details" button so that they look the same on all three items of the product list? The main difference between the first and the other two items is that the first product has quantity pricing and the other two have variant pricing instead.

Attachments:

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

  • Posts: 83404
  • Thank you received: 13498
  • MODERATOR
4 years 3 weeks ago #329738

Hi,

First, to have both buttons on the same line, you can add such CSS:
.hikashop_listing_img_title form { display:inline; }

Then, you have the quantity input field area which takes a whole line. You can either remove it by changing the quantity input display option under the products options tab of your menu item, or have it on the same line as the buttons with such CSS:
.hikashop_listing_img_title table { display:inline-table; }
I would personnally recommend to remove the quantity input field to make it look like the other products.

The following user(s) said Thank You: andrewwinkler

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

Time to create page: 0.048 seconds
Powered by Kunena Forum