X Theme + Woocommerce: Quantity field not showing up in Checkout

I am working on this site: http://96.127.158.130/~equineou/
When I add an item to my cart and go to checkout, there is a “quantity” field (between price and total), but no box to enter a quantity in. Does anyone know how to fix this?

Hey,

Please, could you give to us more info about the problem? Share some screenshot would be great.

You’ll notice that there is no number field under “Quantity” and I can’t click there and enter a quantity. . . The page is: http://96.127.158.130/~equineou/cart/

Hey,

if you could post some logins details in a secure note and we`d be happy to take a look.

P.S: You can search by “secure note” on this article if you don`t know about this: https://theme.co/apex/forum/t/themeco-support-overview/288

Please update X and the bundled plugins according to our version compatibility list at https://theme.co/apex/forum/t/troubleshooting-version-compatibility/195 first

Thanks

Ok, I updated everything. Now I have two more issues that showed up when I updated. . . There is a gray box below my footer and the icon on the homepage had a white circle around it but now its hidden behind the photo.

  1. For your icon, add this inline CSS position: relative;;z-index: 9999;
  2. Your Mailchimp signup form is causing the space or gray area.

Try removing your MailChimp for WooCommerce plugin.

  1. Back to the original issue, try removing the Chang Quantity plugin.

Thanks.

I did remove the Change Quantity plugin and no improvement.

Hey @jessparvin,

Some other CSS code was showing quantity counts to a different position(somewhere near footer). May be due to some script conflict with other plugins.

To fix your quantity field issue I have added following CSS in global CSS section in theme options.

.quantity > input {
        position: inherit;
}

Now quantity field is there and you can easily increase/decrease item counts :slight_smile:

Cheers

Great! thank you!

I have another unrelated question about the same site:

I am looking at it on a mobile device and mostly it looks/ works well, but for some reason the menu on the homepage isn’t working. I see the box for the menu and click it but nothing happens. It works on other pages but not the homepage. . . any ideas?

Hi again,

There are couple of errors on your homepage, first one is related to JetPack plugin, try clearing out the cache first then try deactivating the plugin for a while to remove it’s error. Then the other one is related to WooCommerce, to fix this one please see https://docs.woocommerce.com/document/jquery-cookie-fails-to-load/ and try out the third option. Here is the screenshot of the errors on your homepage:

This should fix the issue. Let us know how this goes!

No, that cookie plugin did not fix the menu issue

Hi again,

I checked your site again and just noticed you’ve WooCommerce data update notice on the back-end and the error is also related to this. Would you mind Run the updater to see if this fixes the error?

Let us know how this goes!

Ugh. No, updating WooCommerce did not fix it. And now I’ve noticed another problem! On the homepage, I have 4 “featured products” but when I click on them (either the photo or the title) nothing happens- these should link to the product pages, right?

Hey @jessparvin,

Hope you are doing great :slight_smile:
The featured products you are seeing in your home page is not being fetched from WooCommerce instead those four column is designed statically using images and texts. A four column in row is selected and product images, titles and prices are being added manually.That is the reason why you are unable to click on featured products.

To set featured products you have to use [featured_products per_page=“12” columns=“4”] short-code. Add text element to a column and add following short-code. Browse to Products and set featured image by clicking on star icon in products page in admin panel.

For your ease of understanding I have created a test page with featured products short-code : http://96.127.158.130/~equineou/test/

For menu related issue on home page, Contact your hosting provider to update the rule set as mentioned in link posted by our colleague Nabeel .

Regards

Thank you. The featured image section is working great now! I spoke with someone in the hosting account- he said he “did everything he could do” including updating the rule set. However, the menu still isn’t working and he says I need some code. Do you know what the code should be?

Hi again,

I checked your site and the error is still there, it’s breaking the jQuery on your site. adding a code won’t work since jQuery isn’t working due to the error. Problem is with the server-setting as it could be blocking the cookie.min.js file which can be fixed by updating the rule set. Since you’ve already done that I’d suggest you to contact your hosting provider and disable MOD_SECURITY completely and purge cache from server side if using and then see if this resolves the issue.

Hopefully all should be working then. Let us know how this goes!

Ok this is very frustrating. The hosting company (Siteground) says they can’t disable MOD_SECURITY because it’s on a shared server. They say there’s nothing they can do to fix the menu issue. Do I need to switch to a new theme?! I’ve had so many issues with this one!