先而言说怎样在淘宝店面应用这一高倍放大镜控制模块编码。
第一步，点一下编写，随后点<>，进到编码编辑模式；
第二步，点一下ctrl F,检索每一个“src”,,能够看见编码中全部的src后边的图片地址。大家寻找前两个src,,,,第一个意味着第一张照片的小图片，尺寸是226*226，第二个是第一张照片的高清大图，其实就是变大前的效果图片，尺寸是310*310，那样大家就能够依据图片尺寸开展图片地址的替代了。
第三步，将自身所需展现的第一张高清图片，制成2个规格，一个是226*226，另一个是310*310，，随后上传入图片空间，就拥有图片地址。
第四步，拷贝226*226尺寸的图片地址，随后回到到编码编辑模式下，更换掉第一个图片地址，同样将310尺寸的图片地址更换掉编码里的第二个详细地址，随后储存，能够浏览下看看前台接待实际效果。 同样的的大道理，能将第三、四、五、六、七、八个src 的图片地址换为第二张图片的大小图详细地址。
第五步，为照片再加上连接。回到编码编辑模式，寻找第一张照片的大图的详细地址，其实就是第二个src，寻找<a href="http://www.taobao.com/>，随后将这些详细地址换成商品的展现详细地址就可以了。
天猫淘宝高倍放大镜控制模块编码效果图片
<div class="ziyoou" style="background-color:#FFF;margin:0 0 0 7px;width:990px;border:0px;">
<div style="width:246px;float:left;height:246px;overflow:hidden;">
<div style="width:236px;float:left;height:236px;border:#999 1px solid;">
<a data-spm-anchor-id="a1z10.4.w1003-622971762.1" data-spm-wangpu-module-id="1003-622971762" href="#" target="_blank"><img alt="tu_1" class="ziyoou_m3a01" src="https://img-1.tkgame.com/taozhijia/2022/07/12/https://www.taozhijia.com/wp-content/uploads/2022/09/1664238455-20220927002735-63324377cf942.jpg" style="margin:5px;width:226px;float:none;height:226px;" /></a></div>
<div class="J_TWidget ks-popup ks-overlay ks-ext-position ks-popup-shown ks-overlay-shown" data-widget-config="{'trigger':'.ziyoou_m3a01','align':{'node':'.ziyoou_m3a01','offset':[32,-10],'points':['lc','lc']}}" data-widget-type="Popup" style="z-index:10000000;width:302px;display:block;height:302px;visibility:visible;top:7558px;left:155px;">
<div class="ks-contentbox">
<div style="text-align:center;background-color:#FFF;width:330px;color:#292929;font-size:10pt;border:#999 1px solid;">
<a data-spm-anchor-id="a1z10.4.w1003-622971762.2" data-spm-wangpu-module-id="1003-622971762" href="#" target="_blank"><img alt="tu_1_big" src="https://img-1.tkgame.com/taozhijia/2022/07/12/https://www.taozhijia.com/wp-content/uploads/2022/09/1664238455-20220927002735-63324377cf942.jpg" style="margin:10px;width:310px;float:none;height:310px;" /></a>
<div style="margin:0px auto;width:310px;">
<span>淘宝新店辅高倍放大镜CSS编码控制模块 </span></div>
<div style="margin:10px;width:310px;height:25px;">
<div style="text-align:center;line-height:25px;width:100%;float:left;height:25px;font-size:10pt;font-weight:900;">
RMB <span style="font-family:georgia;color:#FF5C5C;font-size:13pt;">680.00 </span><span style="color:#FFF;">..............................</span><span style="font-size:12px;">已销售量</span><span style="color:#FF5C5C;"> 168 </span><span style="font-size:12px;">件</span></div>
</div>
</div>
</div>
</div>
</div>
<div style="width:246px;float:left;height:246px;overflow:hidden;">
<div style="width:236px;float:left;height:236px;border:#999 1px solid;">
<a data-spm-anchor-id="a1z10.4.w1003-622971762.3" data-spm-wangpu-module-id="1003-622971762" href="#" target="_blank"><img alt="tu_1" class="ziyoou_m3a02" src="https://img-1.tkgame.com/taozhijia/2022/07/12/https://www.taozhijia.com/wp-content/uploads/2022/09/1664238455-20220927002735-63324377cf942.jpg" style="margin:5px;width:226px;float:none;height:226px;" /></a></div>
<div class="J_TWidget ks-popup ks-overlay ks-ext-position ks-popup-hidden ks-overlay-hidden" data-widget-config="{'trigger':'.ziyoou_m3a02','align':{'node':'.ziyoou_m3a02','offset':[32,-10],'points':['lc','lc']}}" data-widget-type="Popup" style="z-index:10000000;width:302px;display:block;height:302px;visibility:hidden;top:7558px;left:390px;">
<div class="ks-contentbox">
<div style="text-align:center;background-color:#FFF;width:330px;color:#292929;font-size:10pt;border:#999 1px solid;">
<a data-spm-anchor-id="a1z10.4.w1003-622971762.4" data-spm-wangpu-module-id="1003-622971762" href="#" target="_blank"><img alt="tu_1_big" src="https://img-1.tkgame.com/taozhijia/2022/07/12/https://www.taozhijia.com/wp-content/uploads/2022/09/1664238455-20220927002735-63324377cf942.jpg" style="margin:10px;width:310px;float:none;height:310px;" /></a>
<div style="margin:0px auto;width:310px;">
<span>淘宝新店辅高倍放大镜CSS编码控制模块 </span></div>
<div style="margin:10px;width:310px;height:25px;">
<div style="text-align:center;line-height:25px;width:100%;float:left;height:25px;font-size:10pt;font-weight:900;">
RMB <span style="font-family:georgia;color:#FF5C5C;font-size:13pt;">680.00 </span><span style="color:#FFF;">..............................</span><span style="font-size:12px;">已销售量</span><span style="color:#FF5C5C;"> 168 </span><span style="font-size:12px;">件</span></div>
</div>
</div>
</div>
</div>
</div>
<div style="width:246px;float:left;height:246px;overflow:hidden;">
<div style="width:236px;float:left;height:236px;border:#999 1px solid;">
<a data-spm-anchor-id="a1z10.4.w1003-622971762.5" data-spm-wangpu-module-id="1003-622971762" href="#" target="_blank"><img alt="tu_1" class="ziyoou_m3a03" src="https://img-1.tkgame.com/taozhijia/2022/07/12/https://www.taozhijia.com/wp-content/uploads/2022/09/1664238455-20220927002735-63324377cf942.jpg" style="margin:5px;width:226px;float:none;height:226px;" /></a></div>
<div class="J_TWidget ks-popup ks-overlay ks-ext-position ks-popup-hidden ks-overlay-hidden" data-widget-config="{'trigger':'.ziyoou_m3a03','align':{'node':'.ziyoou_m3a03','offset':[32,-10],'points':['lc','lc']}}" data-widget-type="Popup" style="z-index:10000000;width:302px;display:block;height:302px;visibility:hidden;top:7558px;left:625px;">
<div class="ks-contentbox">
<div style="text-align:center;background-color:#FFF;width:330px;color:#292929;font-size:10pt;border:#999 1px solid;">
<a data-spm-anchor-id="a1z10.4.w1003-622971762.6" data-spm-wangpu-module-id="1003-622971762" href="#" target="_blank"><img alt="tu_1_big" src="https://img-1.tkgame.com/taozhijia/2022/07/12/https://www.taozhijia.com/wp-content/uploads/2022/09/1664238455-20220927002735-63324377cf942.jpg" style="margin:10px;width:310px;float:none;height:310px;" /></a>
<div style="margin:0px auto;width:310px;">
<span>淘宝新店辅高倍放大镜CSS编码控制模块 </span></div>
<div style="margin:10px;width:310px;height:25px;">
<div style="text-align:center;line-height:25px;width:100%;float:left;height:25px;font-size:10pt;font-weight:900;">
RMB <span style="font-family:georgia;color:#FF5C5C;font-size:13pt;">680.00 </span><span style="color:#FFF;">..............................</span><span style="font-size:12px;">已销售量</span><span style="color:#FF5C5C;"> 168 </span><span style="font-size:12px;">件</span></div>
</div>
</div>
</div>
</div>
</div>
<div style="width:246px;float:left;height:246px;overflow:hidden;">
<div style="width:236px;float:left;height:236px;border:#999 1px solid;">
<a data-spm-anchor-id="a1z10.4.w1003-622971762.7" data-spm-wangpu-module-id="1003-622971762" href="#" target="_blank"><img alt="tu_1" class="ziyoou_m3a04" src="https://img-1.tkgame.com/taozhijia/2022/07/12/https://www.taozhijia.com/wp-content/uploads/2022/09/1664238455-20220927002735-63324377cf942.jpg" style="margin:5px;width:226px;float:none;height:226px;" /></a></div>
<div class="J_TWidget ks-popup ks-overlay ks-ext-position ks-popup-hidden ks-overlay-hidden" data-widget-config="{'trigger':'.ziyoou_m3a04','align':{'node':'.ziyoou_m3a04','offset':[-64,-10],'points':['lc','lc']}}" data-widget-type="Popup" style="z-index:10000000;width:302px;display:block;height:302px;visibility:hidden;top:7558px;left:764px;">
<div class="ks-contentbox">
<div style="text-align:center;background-color:#FFF;width:330px;color:#292929;font-size:10pt;border:#999 1px solid;">
<a data-spm-anchor-id="a1z10.4.w1003-622971762.8" data-spm-wangpu-module-id="1003-622971762" href="#" target="_blank"><img alt="tu_1_big" src="https://img-1.tkgame.com/taozhijia/2022/07/12/https://www.taozhijia.com/wp-content/uploads/2022/09/1664238455-20220927002735-63324377cf942.jpg" style="margin:10px;width:310px;float:none;height:310px;" /></a>
<div style="margin:0px auto;width:310px;">
<span>淘宝新店辅高倍放大镜CSS编码控制模块 </span></div>
<div style="margin:10px;width:310px;height:25px;">
<div style="text-align:center;line-height:25px;width:100%;float:left;height:25px;font-size:10pt;font-weight:900;">
RMB <span style="font-family:georgia;color:#FF5C5C;font-size:13pt;">680.00 </span><span style="color:#FFF;">..............................</span><span style="font-size:12px;">已销售量</span><span style="color:#FF5C5C;"> 168 </span><span style="font-size:12px;">件</span></div>
</div>
</div>
</div>
</div>
</div>
<div style="width:246px;float:left;height:246px;overflow:hidden;">
<div style="width:236px;float:left;height:236px;border:#999 1px solid;">
<a data-spm-anchor-id="a1z10.4.w1003-622971762.9" data-spm-wangpu-module-id="1003-622971762" href="#" target="_blank"><img alt="tu_1" class="ziyoou_m3a05" src="https://img-1.tkgame.com/taozhijia/2022/07/12/https://www.taozhijia.com/wp-content/uploads/2022/09/1664238455-20220927002735-63324377cf942.jpg" style="margin:5px;width:226px;float:none;height:226px;" /></a></div>
<div class="J_TWidget" data-widget-config="{'trigger':'.ziyoou_m3a05','align':{'node':'.ziyoou_m3a05','offset':[32,-120],'points':['lc','lc']}}" data-widget-type="Popup" style="z-index:9999;width:302px;display:block;height:302px;visibility:hidden;top:-74px;left:3px;">
<div style="text-align:center;background-color:#FFF;width:330px;color:#292929;font-size:10pt;border:#999 1px solid;">
<a data-spm-anchor-id="a1z10.4.w1003-622971762.10" data-spm-wangpu-module-id="1003-622971762" href="#" target="_blank"><img alt="tu_1_big" src="https://img-1.tkgame.com/taozhijia/2022/07/12/https://www.taozhijia.com/wp-content/uploads/2022/09/1664238455-20220927002735-63324377cf942.jpg" style="margin:10px;width:310px;float:none;height:310px;" /></a>
<div style="margin:0px auto;width:310px;">
<span>淘宝新店辅高倍放大镜CSS编码控制模块 </span></div>
<div style="margin:10px;width:310px;height:25px;">
<div style="text-align:center;line-height:25px;width:100%;float:left;height:25px;font-size:10pt;font-weight:900;">
RMB <span style="font-family:georgia;color:#FF5C5C;font-size:13pt;">680.00 </span><span style="color:#FFF;">..............................</span><span style="font-size:12px;">已销售量</span><span style="color:#FF5C5C;"> 168 </span><span style="font-size:12px;">件</span></div>
</div>
</div>
</div>
</div>
<div style="width:246px;float:left;height:246px;overflow:hidden;">
<div style="width:236px;float:left;height:236px;border:#999 1px solid;">
<a data-spm-anchor-id="a1z10.4.w1003-622971762.11" data-spm-wangpu-module-id="1003-622971762" href="#" target="_blank"><img alt="tu_1" class="ziyoou_m3a06" src="https://img-1.tkgame.com/taozhijia/2022/07/12/https://www.taozhijia.com/wp-content/uploads/2022/09/1664238455-20220927002735-63324377cf942.jpg" style="margin:5px;width:226px;float:none;height:226px;" /></a></div>
<div class="J_TWidget" data-widget-config="{'trigger':'.ziyoou_m3a06','align':{'node':'.ziyoou_m3a06','offset':[32,-120],'points':['lc','lc']}}" data-widget-type="Popup" style="z-index:9999;width:302px;display:block;height:302px;visibility:hidden;top:-74px;left:3px;">
<div style="text-align:center;background-color:#FFF;width:330px;color:#292929;font-size:10pt;border:#999 1px solid;">
<a data-spm-anchor-id="a1z10.4.w1003-622971762.12" data-spm-wangpu-module-id="1003-622971762" href="#" target="_blank"><img alt="tu_1_big" src="https://img-1.tkgame.com/taozhijia/2022/07/12/https://www.taozhijia.com/wp-content/uploads/2022/09/1664238455-20220927002735-63324377cf942.jpg" style="margin:10px;width:310px;float:none;height:310px;" /></a>
<div style="margin:0px auto;width:310px;">
<span>淘宝新店辅高倍放大镜CSS编码控制模块 </span></div>
<div style="margin:10px;width:310px;height:25px;">
<div style="text-align:center;line-height:25px;width:100%;float:left;height:25px;font-size:10pt;font-weight:900;">
RMB <span style="font-family:georgia;color:#FF5C5C;font-size:13pt;">680.00 </span><span style="color:#FFF;">..............................</span><span style="font-size:12px;">已销售量</span><span style="color:#FF5C5C;"> 168 </span><span style="font-size:12px;">件</span></div>
</div>
</div>
</div>
</div>
<div style="width:246px;float:left;height:246px;overflow:hidden;">
<div style="width:236px;float:left;height:236px;border:#999 1px solid;">
<a data-spm-anchor-id="a1z10.4.w1003-622971762.13" data-spm-wangpu-module-id="1003-622971762" href="#" target="_blank"><img alt="tu_1" class="ziyoou_m3a07" src="https://img-1.tkgame.com/taozhijia/2022/07/12/https://www.taozhijia.com/wp-content/uploads/2022/09/1664238455-20220927002735-63324377cf942.jpg" style="margin:5px;width:226px;float:none;height:226px;" /></a></div>
<div class="J_TWidget" data-widget-config="{'trigger':'.ziyoou_m3a07','align':{'node':'.ziyoou_m3a07','offset':[32,-120],'points':['lc','lc']}}" data-widget-type="Popup" style="z-index:9999;width:302px;display:block;height:302px;visibility:hidden;top:-74px;left:3px;">
<div style="text-align:center;background-color:#FFF;width:330px;color:#292929;font-size:10pt;border:#999 1px solid;">
<a data-spm-anchor-id="a1z10.4.w1003-622971762.14" data-spm-wangpu-module-id="1003-622971762" href="#" target="_blank"><img alt="tu_1_big" src="https://img-1.tkgame.com/taozhijia/2022/07/12/https://www.taozhijia.com/wp-content/uploads/2022/09/1664238455-20220927002735-63324377cf942.jpg" style="margin:10px;width:310px;float:none;height:310px;" /></a>
<div style="margin:0px auto;width:310px;">
<span>淘宝新店辅高倍放大镜CSS编码控制模块 </span></div>
<div style="margin:10px;width:310px;height:25px;">
<div style="text-align:center;line-height:25px;width:100%;float:left;height:25px;font-size:10pt;font-weight:900;">
RMB <span style="font-family:georgia;color:#FF5C5C;font-size:13pt;">680.00 </span><span style="color:#FFF;">..............................</span><span style="font-size:12px;">已销售量</span><span style="color:#FF5C5C;"> 168 </span><span style="font-size:12px;">件</span></div>
</div>
</div>
</div>
</div>
<div style="width:246px;float:left;height:246px;overflow:hidden;">
<div style="width:236px;float:left;height:236px;border:#999 1px solid;">
<a data-spm-anchor-id="a1z10.4.w1003-622971762.15" data-spm-wangpu-module-id="1003-622971762" href="#" target="_self"><img alt="tu_1" class="ziyoou_m3a08" src="https://img-1.tkgame.com/taozhijia/2022/07/12/https://www.taozhijia.com/wp-content/uploads/2022/09/1664238455-20220927002735-63324377cf942.jpg" style="margin:5px;width:226px;float:none;height:226px;" /></a></div>
<div class="J_TWidget ks-popup ks-overlay ks-ext-position ks-popup-hidden ks-overlay-hidden" data-widget-config="{'trigger':'.ziyoou_m3a08','align':{'node':'.ziyoou_m3a08','offset':[-64,-120],'points':['lc','lc']}}" data-widget-type="Popup" style="z-index:10000000;width:302px;display:block;height:302px;visibility:hidden;top:7761px;left:764px;">
<div class="ks-contentbox">
<div style="text-align:center;background-color:#FFF;width:330px;color:#292929;font-size:10pt;border:#999 1px solid;">
<a data-spm-anchor-id="a1z10.4.w1003-622971762.16" data-spm-wangpu-module-id="1003-622971762" href="#" target="_blank"><img alt="tu_1_big" src="https://img-1.tkgame.com/taozhijia/2022/07/12/https://www.taozhijia.com/wp-content/uploads/2022/09/1664238455-20220927002735-63324377cf942.jpg" style="margin:10px;width:310px;float:none;height:310px;" /></a>
<div style="margin:0px auto;width:310px;">
<span>淘宝新店辅高倍放大镜CSS编码控制模块 </span></div>
<div style="margin:10px;width:310px;height:25px;">
<div style="text-align:center;line-height:25px;width:100%;float:left;height:25px;font-size:10pt;font-weight:900;">
RMB <span style="font-family:georgia;color:#FF5C5C;font-size:13pt;">680.00 </span><span style="color:#FFF;">..............................</span><span style="font-size:12px;">已销售量</span><span style="color:#FF5C5C;"> 168 </span><span style="font-size:12px;">件</span></div>
</div>
</div>
</div>
</div>
</div>
</div>
