Number of items to add to basket selector

  • I’m having a problem with the Quick View and individual Product pages.

    First of all, I don’t know where the templates/pages are saved/stored. Are they part of the theme or are they Woocommerce templates?

    Secondly, I’ve come across different layout/display for the “how many items to add to basket” element for the same product on the Quick View and on its Product page. For the product listed below, there is no problem on the Quick View. It displays correctly. But when you go to the Product Page. it’s not shown correctly.

    Lastly, for some of my products, its broken in both places.

    I don’t know what’s causing this problem and where to look to fix it.

    Your advice is most welcome. Thanks.

    • This topic was modified 2 years, 4 months ago by 21luckycat.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author athemes

    (@athemes)

    Hi @21luckycat,
    Thanks for reaching out, and let us address your concerns:

    1) Quick View and individual Product pages – I don’t know where the templates/pages are saved/stored. Are they part of the theme or are they Woocommerce templates?

    The template part for displaying quick view content can be found in /wp-content/themes/botiga/template-parts/content-quick-view.php
    For product pages, it’s using the default WooCommerce templates: /wp-content/plugins/woocommerce/templates/

    2) “how many items to add to basket”

    Are you referring to the Quantity Input Styles found in Appearance > Customize > WooCommerce > General

    If yes, there might be styling conflicts. To fix, add this code in Appearance > Customize > Additional CSS:

    .single-product.woocommerce .quantity {
    justify-content: center !important;
    flex-wrap: unset !important;
}

    After adding the code above, it should look like this: https://share.getcloudapp.com/4gue61dZ

    3) For some of my products, its broken in both places.

    We are not exactly sure what you mean by “broken in both places”. Are you still referring to the quantity picker?

    If this issue is not resolved by the code I’ve provided above, can you give us a product URL where this issue is occurring, so we can provide a more tailored solution?

    Hope this helps. Please let us know if you need further assistance.

    Thread Starter 21luckycat

    (@21luckycat)

    Thanks for your advice. I added the code and everything looks great on the product page.

    “broken in both places”. Both places are the Quick View and the Product Page.

    The quantity picker still doesn’t display properly on the Quick View . If you go to my shop and choose Quick View for any product, you will see what I mean.

    Theme Author athemes

    (@athemes)

    Hi @21luckycat,

    Thanks for clarifying.

    We were able to see the issue on the shop page quick view.

    It seems like there’s a styling conflict with your plugin “Finest Quick View”.
    Can you check if the issue will resolve when you deactivate the Finest Quick View plugin and the code we gave earlier removed:

    .single-product.woocommerce .quantity {
    justify-content: center !important;
    flex-wrap: unset !important;
}

    If it doesn’t resolve, add this code instead:

    .woocommerce .quantity {
    justify-content: center !important;
    flex-wrap: unset !important;
    float: left;
    margin-right: 20px !important;
}

    Hope this helps. Please let us know if you need further assistance.

    Thread Starter 21luckycat

    (@21luckycat)

    Hi, I removed the plugin “Finest Quick View” and the CSS code you gave me earlier.

    Everything is great now. Looks perfect in both places.

    Thanks very much for your help.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Number of items to add to basket selector’ is closed to new replies.