BC4WP Product Pick Lists

I’m going to do some research and get back to you this week.

I just did some testing and it looks like pick lists work just fine in BC4WP right now. Are you experiencing it not working?

Hi Topher,

I hope you are well. I first was alerted that product pick lists were not supported because of this article here: https://support.bigcommerce.com/s/article/BigCommerce-for-WordPress-Supported-Apps-and-Features. See the list under Unsupported Features. I did actually then try to setup BC4WP on my nancyspizza.com site. (It is currently disabled as it was also was causing an Error 500 after enabling, although I am not sure if this is related to the Pick Lists or not). And I did experience a problem with the three products I had setup using pick lists. Basically, the options for each of the pizzas should appear in a series of radio buttons, similar to how they look on the BC site: https://shipnancyspizza.com/stuffed-pizza-6-pack/, but they do not. Is there a way that I can upload a few screenshots that would help demonstrate?

Let me know what you think.

Thanks,
Michelle

Fortunately, the radio buttons are actually there, they’re simply hidden by CSS. This code isn’t perfect, but should get you a long way closer to what you want:

.bc-product-form__control--pick-list input.bc-product-variant__radio--hidden:checked + .bc-product-variant__label .bc-product-variant__label--pick-list {
    border: 0px solid #168fc0;
}

input[type="radio"] ~ input[type="radio"] {
    margin-top: 12px;
}

.bc-product-form__control--pick-list .u-bc-visual-hide {
    border: 0;
    clip: rect(0 0 0 0);
    height: auto;
    margin: 12px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: auto;
	float: left;
}
.bc-product-form__control--pick-list .u-bc-visual-hide:hover {
	    cursor: pointer !important;
}

.bc-product-variant__label--pick-list {
    border: 0px solid #e0e3e9;
    cursor: pointer !important;
}

Thank you. I will give this a try. Two questions:
1. Is this indicative of a problem that the code is hidden?
2. Do you have any idea why I’m getting the Error 500 page?

Thanks for your help.

Hi again,

I added the code under Appearance->Theme Editor and there was no change. If you would want to tell me a time that you would be able to look at this, I could reactivate the plugin temporarily so that you could take a look at the page if needed.

Thanks again

I did some research and found that Pick List appearance is heavily theme based, even in Stencil, so some do radio buttons, some don’t, etc. So you not being able to see them is not a technical problem. Do you have access to a CSS whiz?

Sorry for the delay in responding. Unfortunately, I don’t have access to a CSS whiz. You mentioned that you tested the pick lists out and they worked. Can you tell me what theme you used? Maybe I can try that theme just to see if it would work for me. When you first looked at this problem, it was on a site build a Beaver Builder theme. However, I installed the BC4WP plugin on a new clean test site running the default Twenty Twenty, hooked it up to the same store and got the same result. Thanks in advance for any other help you might be able to give.