Unavailable configurable swatches on product page showing available on load until mouseover
I have searched high and low to try and answer this one but to no avail thus far.
I have show out of stock products turned on through Magento 1.9.3.7 which is all working fine however on product page load all options show as if they are available until the mouse enters the swatch area and then the unavailable ones are then grayed out.
How can I get the unavailable swatches to show grey on page load.
I hope the above makes sense and an example can be seen at http://ooooosh.com/pleaser-adore-7802 for further clarity.
I thank you so much in advance as this is driving me insane! :)
configurable-product product-page configurable-swatches
asked Jan 12 '18 at 11:10
PhilPhil
12
add a comment |
I have searched high and low to try and answer this one but to no avail thus far.
I have show out of stock products turned on through Magento 1.9.3.7 which is all working fine however on product page load all options show as if they are available until the mouse enters the swatch area and then the unavailable ones are then grayed out.
How can I get the unavailable swatches to show grey on page load.
I hope the above makes sense and an example can be seen at http://ooooosh.com/pleaser-adore-7802 for further clarity.
I thank you so much in advance as this is driving me insane! :)
configurable-product product-page configurable-swatches
asked Jan 12 '18 at 11:10
PhilPhil
12
add a comment |
I have searched high and low to try and answer this one but to no avail thus far.
I have show out of stock products turned on through Magento 1.9.3.7 which is all working fine however on product page load all options show as if they are available until the mouse enters the swatch area and then the unavailable ones are then grayed out.
How can I get the unavailable swatches to show grey on page load.
I hope the above makes sense and an example can be seen at http://ooooosh.com/pleaser-adore-7802 for further clarity.
I thank you so much in advance as this is driving me insane! :)
configurable-product product-page configurable-swatches
asked Jan 12 '18 at 11:10
PhilPhil
12
I have searched high and low to try and answer this one but to no avail thus far.
I have show out of stock products turned on through Magento 1.9.3.7 which is all working fine however on product page load all options show as if they are available until the mouse enters the swatch area and then the unavailable ones are then grayed out.
How can I get the unavailable swatches to show grey on page load.
I hope the above makes sense and an example can be seen at http://ooooosh.com/pleaser-adore-7802 for further clarity.
I thank you so much in advance as this is driving me insane! :)
configurable-product product-page configurable-swatches
configurable-product product-page configurable-swatches
asked Jan 12 '18 at 11:10
PhilPhil
12
asked Jan 12 '18 at 11:10
PhilPhil
12
edited Jan 12 '18 at 11:20
Phil
asked Jan 12 '18 at 11:10
PhilPhil
12
asked Jan 12 '18 at 11:10
PhilPhil
12
asked Jan 12 '18 at 11:10
PhilPhil
12
12
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
You can find var swatchesConfig declared in template/configurableswatches/catalog/product/view/type/options/configurable/swatches.phtml.
Also, in js/configurableswatches/swatches-product.js is a method called setAvailableOptions, so you can call that method in swatches.phtml:
var swatchesConfig = new Product.ConfigurableSwatches(spConfig);
swatchesConfig.setAvailableOptions();
answered 15 mins ago
IonutGorgosIonutGorgos
11
New contributor
IonutGorgos is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
add a comment |
Your Answer
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "479"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f209238%2funavailable-configurable-swatches-on-product-page-showing-available-on-load-unti%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
You can find var swatchesConfig declared in template/configurableswatches/catalog/product/view/type/options/configurable/swatches.phtml.
Also, in js/configurableswatches/swatches-product.js is a method called setAvailableOptions, so you can call that method in swatches.phtml:
var swatchesConfig = new Product.ConfigurableSwatches(spConfig);
swatchesConfig.setAvailableOptions();
answered 15 mins ago
IonutGorgosIonutGorgos
11
New contributor
IonutGorgos is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
add a comment |
You can find var swatchesConfig declared in template/configurableswatches/catalog/product/view/type/options/configurable/swatches.phtml.
Also, in js/configurableswatches/swatches-product.js is a method called setAvailableOptions, so you can call that method in swatches.phtml:
var swatchesConfig = new Product.ConfigurableSwatches(spConfig);
swatchesConfig.setAvailableOptions();
answered 15 mins ago
IonutGorgosIonutGorgos
11
New contributor
IonutGorgos is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
add a comment |
You can find var swatchesConfig declared in template/configurableswatches/catalog/product/view/type/options/configurable/swatches.phtml.
Also, in js/configurableswatches/swatches-product.js is a method called setAvailableOptions, so you can call that method in swatches.phtml:
var swatchesConfig = new Product.ConfigurableSwatches(spConfig);
swatchesConfig.setAvailableOptions();
answered 15 mins ago
IonutGorgosIonutGorgos
11
New contributor
IonutGorgos is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
You can find var swatchesConfig declared in template/configurableswatches/catalog/product/view/type/options/configurable/swatches.phtml.
Also, in js/configurableswatches/swatches-product.js is a method called setAvailableOptions, so you can call that method in swatches.phtml:
var swatchesConfig = new Product.ConfigurableSwatches(spConfig);
swatchesConfig.setAvailableOptions();
answered 15 mins ago
IonutGorgosIonutGorgos
11
New contributor
IonutGorgos is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
answered 15 mins ago
IonutGorgosIonutGorgos
11
New contributor
IonutGorgos is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
answered 15 mins ago
IonutGorgosIonutGorgos
11
answered 15 mins ago
IonutGorgosIonutGorgos
11
11
New contributor
IonutGorgos is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
New contributor
IonutGorgos is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
IonutGorgos is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
add a comment |
add a comment |
Thanks for contributing an answer to Magento Stack Exchange!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f209238%2funavailable-configurable-swatches-on-product-page-showing-available-on-load-unti%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
