Change back to default theme quantity increment

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Support miemie

    (@miemie)

    4 years, 8 months ago

    Hi @kllim,

    Can you provide us the link of your site for us to check and give you a proper solution?

    Regards,

    Thread Starter kllim

    (@kllim)

    4 years, 8 months ago

    Here is my website URL. I did not publish the composite product yet due to the increment button not fixed yet. Thanks!

    https://smart-workshop.net/shop/

    Plugin Author WPClever

    (@wpclever)

    4 years, 8 months ago

    Hi @kllim

    Please add below CSS code to WP-Admin → Appearance → Customize → Additional CSS:

    .wooco_component_product .wooco_component_product_qty input {
    -webkit-appearance: none;
    color: var(--global-palette5);
    border: 1px solid var(--global-gray-400);
    border-radius: 3px;
    padding: 0.4em 0.5em;
    max-width: 100%;
    background: var(--global-palette9);
    box-shadow: 0px 0px 0px -7px rgb(0 0 0 / 0%);
}

.wooco_component_product .wooco_component_product_qty .wooco-minus, .wooco_component_product .wooco_component_product_qty .wooco-plus {
    display: none !important;
}

    If it doesn’t work, please send me a composite-products link, you can set hidden for this product on your shop by choosing the option https://prnt.sc/ocirlu

    Thread Starter kllim

    (@kllim)

    4 years, 7 months ago

    Hi, thanks a lot for your help! The CSS works almost perfectly, I found the increment button is not available for the composite product and they will be hidden in mobile canvas. Can you please help me with that also? Thanks again!

    Here is the composite product URL:
    https://smart-workshop.net/product/smart-com-headset-external-charger-single-battery/

    • This reply was modified 4 years, 7 months ago by kllim.
    Plugin Author WPClever

    (@wpclever)

    4 years, 7 months ago

    I’m so sorry for the late reply!

    Please add below CSS code:

    .wooco_component_product .wooco_component_product_qty input {
    width: 60px;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
}

.wooco_component_product .wooco_component_product_qty input::-webkit-outer-spin-button, .wooco_component_product .wooco_component_product_qty input::-webkit-inner-spin-button {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
}

    And the result https://www.screencast.com/t/L7j2JdIl

    Thread Starter kllim

    (@kllim)

    4 years, 7 months ago

    Thanks a lot for your help! May I know do you have a code for resolving the mobile responsive issues?

    Plugin Author WPClever

    (@wpclever)

    4 years, 7 months ago

    Please add below CSS code:

    .wooco_component_product_selection select {
    width: 100%;
}

    And the result https://www.screencast.com/t/GeEq0z4d

    Thread Starter kllim

    (@kllim)

    4 years, 7 months ago

    It works well! Thank you for your help!

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Change back to default theme quantity increment’ is closed to new replies.