Quantity & +/- box on a product display out of line

  • Posts: 31
  • Thank you received: 1
  • Hikashop Business
2 years 3 months ago #346322

-- url of the page with the problem -- : www.watco-services.co.uk/index.php/cross...-cross-cylinder-0-50
-- HikaShop version -- : 4.6.2
-- Joomla version -- : 3.10.11
-- PHP version -- : 8.0.25
-- Browser(s) name and version -- : Firefox 107.0b7 64 Bit Developer
-- Error-message(debug-mod must be tuned on) -- : No error trouble adjusting display

Hi

The production domain for this site is www.britchfordexport.com .

The live site displays quantity and "+/-" ok for the a product but the updated testing version does not.

This page is live and is ok. Older version of HikaShop, PHP etc.
www.britchfordexport.com/index.php/cross...-cross-cylinder-0-50

This is a test site to the same item upgraded to latest HikaShop, Template and PHP 8.0.25
www.watco-services.co.uk/index.php/cross...-cross-cylinder-0-50

I am having a lot of trouble fixing the CSS for the quantity and +/- sign. Can you help?

Neville Matthews

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

  • Posts: 4785
  • Thank you received: 649
  • MODERATOR
2 years 3 months ago #346325

Hello,

First, note that you can select different quantity display, in HikaShop Configuration, Display tab and in Product options part, with the Quantity input method option :

alt


Now, you can adjust your display by adding your Css (like in this documentation )

And at the end of your frontend file css add these css commands :
input.hikashop_product_quantity_field {
    max-width: unset !important;
}
div#hikashop_product_quantity_main td[rowspan="2"] {
    display: table-cell !important;
}

Hope this will help you to adjust your display issue.
Regards

Last edit: 2 years 3 months ago by Philip.

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

Time to create page: 0.044 seconds
Powered by Kunena Forum