How to customize the custom options in magento?

For example

In magento have added two custom options as Size(S,L,XL) and Color(RED,BLUE).

But in frontend i have to show the size as

Size

And color as

Color

Ideas welcome.

edited Jul 23 '14 at 14:47

David Manners

24.6k861211

asked Feb 28 '14 at 9:25

vinothavn

1,0011022

which type of product is this ? you add custom options as dropdown?
– Rajeev K Tomy
Feb 28 '14 at 10:29

add a comment |

For example

In magento have added two custom options as Size(S,L,XL) and Color(RED,BLUE).

But in frontend i have to show the size as

Size

And color as

Color

Ideas welcome.

edited Jul 23 '14 at 14:47

David Manners

24.6k861211

asked Feb 28 '14 at 9:25

vinothavn

1,0011022

which type of product is this ? you add custom options as dropdown?
– Rajeev K Tomy
Feb 28 '14 at 10:29

add a comment |

For example

In magento have added two custom options as Size(S,L,XL) and Color(RED,BLUE).

But in frontend i have to show the size as

Size

And color as

Color

Ideas welcome.

edited Jul 23 '14 at 14:47

David Manners

24.6k861211

asked Feb 28 '14 at 9:25

vinothavn

1,0011022

For example

In magento have added two custom options as Size(S,L,XL) and Color(RED,BLUE).

But in frontend i have to show the size as

Size

And color as

Color

Ideas welcome.

magento-1.7 magento-1.8 extensions custom-options

edited Jul 23 '14 at 14:47

David Manners

24.6k861211

asked Feb 28 '14 at 9:25

vinothavn

1,0011022

edited Jul 23 '14 at 14:47

David Manners

24.6k861211

asked Feb 28 '14 at 9:25

vinothavn

1,0011022

edited Jul 23 '14 at 14:47

David Manners

24.6k861211

edited Jul 23 '14 at 14:47

David Manners

24.6k861211

edited Jul 23 '14 at 14:47

David Manners

24.6k861211

asked Feb 28 '14 at 9:25

vinothavn

1,0011022

asked Feb 28 '14 at 9:25

vinothavn

1,0011022

asked Feb 28 '14 at 9:25

vinothavn

1,0011022

which type of product is this ? you add custom options as dropdown?
– Rajeev K Tomy
Feb 28 '14 at 10:29

add a comment |

which type of product is this ? you add custom options as dropdown?
– Rajeev K Tomy
Feb 28 '14 at 10:29

which type of product is this ? you add custom options as dropdown?
– Rajeev K Tomy
Feb 28 '14 at 10:29

add a comment |

3 Answers
3

active

oldest

votes

There are lots of extension in magento store(magento-conect), search by color swatch you may get some modules what you need,

eg,

some freemodules:

http://www.magentocommerce.com/magento-connect/gala-color-swatches-free-1.html
http://www.magentocommerce.com/magento-connect/color-swatch-1.html
http://www.magentocommerce.com/magento-connect/configurable-colors.html

some paid modules:

http://www.magentocommerce.com/magento-connect/product-color-swatch.html
http://www.magentocommerce.com/magento-connect/color-swatch-with-zoom.html

use what you like

answered Feb 28 '14 at 10:57

Helphin

76921333

add a comment |

I suggest you create classes using the color names and modify the filter labels to add that class (given the option name) and have a nice CSS behind that to display some nice squares.

As far as sizes are concerned, you could either do the same, or use custom font-icons.

answered Jul 23 '14 at 14:49

Julien Lachal

1,3271228

add a comment |

I have developed new module Option swatches that allow to display option swatches on product details page and product list page by replacing drop-down custom options or configurable product's options.

Check here http://hkpatel201.blogspot.in/2015/01/product-custom-option-pro-with-optionswatch.html

For Magento2: Product Custom Option Swatches For Magento 2

edited yesterday

answered Jan 10 '15 at 10:19

Hardik

13013

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
});

}
});

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f15899%2fhow-to-customize-the-custom-options-in-magento%23new-answer', 'question_page');
}
);

Post as a guest

Name

Required, but never shown

3 Answers
3

active

oldest

votes

3 Answers
3

active

oldest

votes

There are lots of extension in magento store(magento-conect), search by color swatch you may get some modules what you need,

eg,

some freemodules:

some paid modules:

http://www.magentocommerce.com/magento-connect/product-color-swatch.html
http://www.magentocommerce.com/magento-connect/color-swatch-with-zoom.html

use what you like

answered Feb 28 '14 at 10:57

Helphin

76921333

add a comment |

There are lots of extension in magento store(magento-conect), search by color swatch you may get some modules what you need,

eg,

some freemodules:

some paid modules:

http://www.magentocommerce.com/magento-connect/product-color-swatch.html
http://www.magentocommerce.com/magento-connect/color-swatch-with-zoom.html

use what you like

answered Feb 28 '14 at 10:57

Helphin

76921333

add a comment |

There are lots of extension in magento store(magento-conect), search by color swatch you may get some modules what you need,

eg,

some freemodules:

some paid modules:

http://www.magentocommerce.com/magento-connect/product-color-swatch.html
http://www.magentocommerce.com/magento-connect/color-swatch-with-zoom.html

use what you like

answered Feb 28 '14 at 10:57

Helphin

76921333

There are lots of extension in magento store(magento-conect), search by color swatch you may get some modules what you need,

eg,

some freemodules:

some paid modules:

http://www.magentocommerce.com/magento-connect/product-color-swatch.html
http://www.magentocommerce.com/magento-connect/color-swatch-with-zoom.html

use what you like

answered Feb 28 '14 at 10:57

Helphin

76921333

answered Feb 28 '14 at 10:57

Helphin

76921333

answered Feb 28 '14 at 10:57

Helphin

76921333

answered Feb 28 '14 at 10:57

Helphin

76921333

add a comment |

I suggest you create classes using the color names and modify the filter labels to add that class (given the option name) and have a nice CSS behind that to display some nice squares.

As far as sizes are concerned, you could either do the same, or use custom font-icons.

answered Jul 23 '14 at 14:49

Julien Lachal

1,3271228

add a comment |

I suggest you create classes using the color names and modify the filter labels to add that class (given the option name) and have a nice CSS behind that to display some nice squares.

As far as sizes are concerned, you could either do the same, or use custom font-icons.

answered Jul 23 '14 at 14:49

Julien Lachal

1,3271228

add a comment |

I suggest you create classes using the color names and modify the filter labels to add that class (given the option name) and have a nice CSS behind that to display some nice squares.

As far as sizes are concerned, you could either do the same, or use custom font-icons.

answered Jul 23 '14 at 14:49

Julien Lachal

1,3271228

I suggest you create classes using the color names and modify the filter labels to add that class (given the option name) and have a nice CSS behind that to display some nice squares.

As far as sizes are concerned, you could either do the same, or use custom font-icons.

answered Jul 23 '14 at 14:49

Julien Lachal

1,3271228

answered Jul 23 '14 at 14:49

Julien Lachal

1,3271228

answered Jul 23 '14 at 14:49

Julien Lachal

1,3271228

answered Jul 23 '14 at 14:49

Julien Lachal

1,3271228

add a comment |

Check here http://hkpatel201.blogspot.in/2015/01/product-custom-option-pro-with-optionswatch.html

For Magento2: Product Custom Option Swatches For Magento 2

edited yesterday

answered Jan 10 '15 at 10:19

Hardik

13013

add a comment |

Check here http://hkpatel201.blogspot.in/2015/01/product-custom-option-pro-with-optionswatch.html

For Magento2: Product Custom Option Swatches For Magento 2

edited yesterday

answered Jan 10 '15 at 10:19

Hardik

13013

add a comment |

Check here http://hkpatel201.blogspot.in/2015/01/product-custom-option-pro-with-optionswatch.html

For Magento2: Product Custom Option Swatches For Magento 2

edited yesterday

answered Jan 10 '15 at 10:19

Hardik

13013

Check here http://hkpatel201.blogspot.in/2015/01/product-custom-option-pro-with-optionswatch.html

For Magento2: Product Custom Option Swatches For Magento 2

edited yesterday

answered Jan 10 '15 at 10:19

Hardik

13013

edited yesterday

answered Jan 10 '15 at 10:19

Hardik

13013

answered Jan 10 '15 at 10:19

Hardik

13013

answered Jan 10 '15 at 10:19

Hardik

13013

add a comment |

draft saved

draft discarded

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.

Some of your past answers have not been well-received, and you're in danger of being blocked from answering.

Please pay close attention to the following guidance:

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.

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Name

Required, but never shown

Name

Required, but never shown

This page is only for reference, If you need detailed information, please check here

搜尋此網誌

Mfrhtyj