Question

我想在Magento中单击单选按钮更改产品图像颜色。

我有用JS和CSS编写的代码，它改变了我简单的html文件中的图像颜色。（请参阅下面的代码）

我想在Magento上实现相同的功能。请告诉我应该使用我的代码或任何其他方式添加/更新哪些文件。

我尝试在xml中的代码中添加JS和addCSS。

我不知道如何在Magento中调用或添加它。

请告诉我文件路径..

$('input[name="color"]').on('change', function () {
		$('div.imageDiv')
        .removeClass('original sepia gray')
        .addClass($(this).val());
});

img {
     display: block;
     width: 50%;
 }
 .original {
  
 }
 .sepia {
     -webkit-filter: sepia(1);
     filter: sepia(1);
 }
 .gray {
     -webkit-filter: grayscale(1);
     filter: grayscale(1);
 }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
	<input name="color" type="radio" value="original" checked="">Color<br>
	<input name="color" type="radio" value="gray">Gray<br>
	<input name="color" type="radio" value="sepia">Sepia<br>
	
	<div class="imageDiv original">
		<img src="http://i.stack.imgur.com/CE5lz.png">
	</div>

更改产品图像Magento Neoshop Theme中的单选按钮上的颜色

0 个答案: