[Помогите] Убрать эффект на кнопках .

butikstickerov · 1 мар 2014

Подскажите пожалуйста, как убрать эффект "дёрганья кнопок" вот посмотрите тут

Altairk · 1 мар 2014

Если речь идёт об дёргании при наведении на цвет то - нужно найти php, tpl файл модуля BOF Product Color Option и в style удалить в пункте a.color-option.color-active, a.color-option:hover - padding: 3px;
Должно выглядеть так:

Спойлер

HTML:

            <style>
            .product-color-options span
            {
                display:inline-block;
                width:12px;
                height:12px;
                margin-right:0px;
                border:2px solid #E7E7E7;
            }

            .image .product-color-options
            {
                display: none;
            }
          
            a.color-option {
                display:inline-block;
                width:30px;
                height:30px;
                margin-right: 3px;              
                margin-bottom: 3px;
                padding: 0;
                border:2px solid #E7E7E7;
                vertical-align: middle;
                cursor: pointer;
                box-sizing: content-box;
            }
          
            a.color-option.color-active, a.color-option:hover {
                margin: 0;
            }
          
            .hidden {
                display: none !important;
            }
          
            /*Oval style*/
            a.color-option.pco-style-oval,
            .product-color-options span.pco-style-oval
            {
                border-radius: 9999px;
            }

            /*Double rectangle style*/
            a.color-option.pco-style-double-rectangle,
            .product-color-options span.pco-style-double-rectangle
            {
                border: 4px double #E7E7E7;
            }  

            /*Double oval style*/
            a.color-option.pco-style-double-oval,
            .product-color-options span.pco-style-double-oval
            {
                border-radius: 9999px;
                border: 4px double #E7E7E7;
            }      
            </style>

AnOcToJI · 1 мар 2014

очень вероятно что загадка кроется в кэше. Так как выше указанное должно было исправить(по крайней мере если вы там исправили)

butikstickerov · 1 мар 2014

Модуль работает через vqmod в нем тоже изменил в style и почистил кеш браузера:

Спойлер

PHP:

<modification> <id><![CDATA[Product Color Option - Core]]></id> <version><![CDATA[1.4.3]]></version> <vqmver><![CDATA[2.3.x]]></vqmver> <author><![CDATA[WeDoWeb.com.au | [email protected]]]></author> <file name="catalog/view/theme/*/template/common/footer*.tpl"> <operation error="log"> <search error="log" position="top"><![CDATA[]]></search> <add><![CDATA[  <style> .product-color-options span { display:inline-block; width:12px; height:12px; margin-right:0px; border:2px solid #E7E7E7; } .image .product-color-options { display: none; } a.color-option { display:inline-block; width:30px; height:30px; margin-right: 3px; margin-bottom: 3px; padding: 0; border:2px solid #E7E7E7; vertical-align: middle; cursor: pointer; box-sizing: content-box; } a.color-option.color-active, a.color-option:hover { margin: 0; } .hidden { display: none !important; } /*Oval style*/ a.color-option.pco-style-oval, .product-color-options span.pco-style-oval { border-radius: 9999px; } /*Double rectangle style*/ a.color-option.pco-style-double-rectangle, .product-color-options span.pco-style-double-rectangle { border: 4px double #E7E7E7; } /*Double oval style*/ a.color-option.pco-style-double-oval, .product-color-options span.pco-style-double-oval { border-radius: 9999px; border: 4px double #E7E7E7; } </style> <script type="text/javascript"></script> ]]></add> </operation> </file> <file name="catalog/controller/common/footer.php"> <operation error="log"> <search position="before" index="1" error="log"><![CDATA[$this->render();]]></search> <add><![CDATA[ //BOF Product Color Option $this->setData('pco_show_on_category', 1); $this->setData('pco_list_color_selector_width', 12); $this->setData('pco_list_color_selector_height', 12); $this->setData('pco_product_color_selector_width', 15); $this->setData('pco_product_color_selector_height', 15); //EOF Product Color Option ]]></add> </operation> </file> <file name="catalog/controller/product/product.php,catalog/controller/product/category.php"> <operation error="log"> <search position="before" index="1" error="log"><![CDATA[$this->response->setOutput($this->render());]]></search> <add><![CDATA[ //BOF Product Color Option $this->setData('pco_color_selector_style', ''); //EOF Product Color Option ]]></add> </operation> </file> <file name="admin/controller/catalog/option.php"> <operation error="log"> <search error="log" position="after"><![CDATA[function getForm()]]></search> <add><![CDATA[//BOF Product Color Option $this->load->language('catalog/pco'); $this->data['entry_color_code'] = $this->language->get('entry_color_code'); $this->data['text_color'] = $this->language->get('text_color'); //EOF Product Color Option]]></add> </operation> <operation error="log"> <search error="log" position="before"><![CDATA[=> $option_value['option_value_id'],]]></search> <add><![CDATA[//BOF Product Color Option 'color_code' => $option_value['color_code'], //EOF Product Color Option]]></add> </operation> <operation error="log"> <search error="log" position="replace"><![CDATA[$option['type'] == 'select']]></search> <add><![CDATA[$option['type'] == 'select' || $option['type'] == 'color']]></add> </operation> </file> <file name="admin/controller/catalog/product.php"> <operation error="log"> <search error="log" position="replace"><![CDATA[$product_option['type'] == 'select']]></search> <add><![CDATA[$product_option['type'] == 'select' || $product_option['type'] == 'color']]></add> </operation> <operation error="skip"> <search error="skip" position="replace"><![CDATA[$option_info['type'] == 'select']]></search> <add><![CDATA[$option_info['type'] == 'select' || $option_info['type'] == 'color']]></add> </operation> </file> <file name="admin/model/catalog/option.php"> <operation error="log"> <search error="log" position="replace"><![CDATA[, sort_order = '" . (int)$option_value['sort_order']]]></search> <add><![CDATA[, color_code = '" . $this->db->escape(html_entity_decode($option_value['color_code'], ENT_QUOTES, 'UTF-8')) . "', sort_order = '" . (int)$option_value['sort_order']]]></add> </operation> <operation error="log"> <search error="log" position="before"><![CDATA[=> $option_value['option_value_id'],]]></search> <add><![CDATA[//BOF Product Color Option 'color_code' => $option_value['color_code'], //EOF Product Color Option]]></add> </operation> </file> <file name="admin/model/catalog/product.php"> <operation error="log"> <search error="log" position="replace"><![CDATA[$product_option['type'] == 'select']]></search> <add><![CDATA[$product_option['type'] == 'select' || $product_option['type'] == 'color']]></add> </operation> </file> <file name="admin/view/template/common/header.tpl"> <operation error="log"> <search error="log" position="after"><![CDATA[view/stylesheet/stylesheet.css]]></search> <add><![CDATA[ <link rel="stylesheet" type="text/css" href="view/stylesheet/pco.css" /> ]]></add> </operation> </file> <file name="admin/view/template/catalog/option_form.tpl"> <operation error="log"> <search error="log" position="replace"><![CDATA[<?php if ($type == 'select') { ?>]]></search> <add><![CDATA[ <?php if ($type == 'color') { ?> <option value="color" selected><?php echo $text_color; ?></option> <?php } else { ?> <option value="color"><?php echo $text_color; ?></option> <?php } ?>  <?php if ($type == 'select') { ?>]]></add> </operation>  <operation error="log"> <search error="log" position="before"><![CDATA[<td class="right"><?php echo $entry_sort_order; ?></td>]]></search> <add><![CDATA[<td class="left color"><?php echo $entry_color_code; ?></td>]]></add> </operation> <operation error="log"> <search error="log" position="replace"><![CDATA[<td colspan="2"></td>]]></search> <add><![CDATA[<td></td><td class="color"></td><td></td>]]></add> </operation> <operation error="log"> <search error="log" position="before"><![CDATA[<td class="right"><input type="text" name="option_value[<]]></search> <add><![CDATA[<td class="left color"><div class="color color-code-input"> <input type="text" name="option_value[<?php echo $option_value_row; ?>][color_code]" value="<?php echo $option_value['color_code']; ?>" readonly="true" id="color_code<?php echo $option_value_row; ?>" /> </div></td>]]></add> </operation>  <operation error="log"> <search error="log" position="after"><![CDATA[$('select[name=\'type\']').bind]]></search> <add><![CDATA[//BOF Product Color Option if(this.value == 'color'){ //hide image uploads, show color pickers $('#option-value').addClass('color'); } else { //show image uploads, hide color pickers $('#option-value').removeClass('color'); } //EOF Product Color Option]]></add> </operation> <operation error="log"> <search error="log" position="replace"><![CDATA[this.value == 'select']]></search> <add><![CDATA[this.value == 'select' || this.value == 'color']]></add> </operation> <operation error="log"> <search error="log" position="before"><![CDATA[var option_value_row ]]></search> <add><![CDATA[//BOF Product Color Option $(document).ready(function(){ $('select[name=\'type\']').trigger('change'); }); //EOF Product Color Option]]></add> </operation>  <operation error="log"> <search error="log" position="before"><![CDATA[html += '<td class="right"><input type="text" name="option_value]]></search> <add><![CDATA[html += '<td class="left color"><div class="color color-code-input"><input type="text" name="option_value[' + option_value_row + '][color_code]" value="#000000" readonly="true" id="color_code' + option_value_row + '" /></div></td>';]]></add> </operation>  <operation error="log"> <search error="log" position="after"><![CDATA[$('#option-value tfoot').before(html);]]></search> <add><![CDATA[//BOF Product Color Option colorPickerise($($('#option-value-row' + option_value_row + ' .color-code-input input')[0])); //EOF Product Color Option]]></add> </operation> <operation error="log"> <search error="log" position="before"><![CDATA[<?php echo $footer; ?>]]></search> <add><![CDATA[ <link rel="stylesheet" href="view/stylesheet/colorpicker/colorpicker.css" type="text/css" /> <script type="text/javascript" src="view/javascript/colorpicker/colorpicker.js"></script> <script type="text/javascript" src="view/javascript/colorpicker/eye.js"></script> <script type="text/javascript" src="view/javascript/colorpicker/utils.js"></script> <script type="text/javascript" src="view/javascript/colorpicker/layout.js?ver=1.0.2"></script> <script type="text/javascript" src="view/javascript/colorpicker/misc.js"></script> <script type="text/javascript"> $(document).ready( function() { colorPickerise($('.color-code-input input')); } ); </script> ]]></add> </operation> </file> <file name="admin/view/template/catalog/product_form.tpl"> <operation error="log"> <search error="log" position="replace"><![CDATA[$product_option['type'] == 'select']]></search> <add><![CDATA[$product_option['type'] == 'select' || $product_option['type'] == 'color']]></add> </operation> <operation error="log"> <search error="log" position="replace"><![CDATA[ui.item.type == 'select']]></search> <add><![CDATA[ui.item.type == 'select' || ui.item.type == 'color']]></add> </operation> </file> <file name="admin/view/template/sale/order_form.tpl">  <operation error="skip"> <search error="skip" position="replace"><![CDATA[option['type'] == 'select']]></search> <add><![CDATA[option['type'] == 'select' || option['type'] == 'color']]></add> </operation> </file> <file name="catalog/controller/checkout/manual.php">  <operation error="skip"> <search error="skip" position="replace"><![CDATA[$option['type'] == 'select']]></search> <add><![CDATA[$option['type'] == 'select' || $option['type'] == 'color']]></add> </operation> </file> <file name="catalog/controller/product/category.php"> <operation error="log"> <search error="log" position="before"><![CDATA['description' =>]]></search> <add><![CDATA[//BOF Product Color Option 'product_color_options' => $this->getData('pco_show_on_category', 1) ? $this->model_catalog_product->getProductColorOptions($result['product_id']) : array(), //EOF Product Color Option]]></add> </operation> </file> <file name="catalog/controller/product/product.php"> <operation error="log"> <search error="log" position="replace"><![CDATA[$option['type'] == 'select']]></search> <add><![CDATA[$option['type'] == 'select' || $option['type'] == 'color']]></add> </operation> <operation error="log"> <search error="log" position="after"><![CDATA[$option_value['name'],]]></search> <add><![CDATA[//BOF Product Color Option 'color_code' => $option_value['color_code'], //EOF Product Color Option]]></add> </operation> </file> <file name="catalog/model/catalog/product.php"> <operation error="log"> <search error="log" position="replace"><![CDATA[$product_option['type'] == 'select']]></search> <add><![CDATA[$product_option['type'] == 'select' || $product_option['type'] == 'color']]></add> </operation> <operation error="log"> <search error="log" position="after"><![CDATA[$product_option_value_data[] =]]></search> <add><![CDATA[//BOF Product Color Option 'color_code' => $product_option_value['color_code'], //EOF Product Color Option]]></add> </operation> <operation error="log"> <search error="log" position="before" offset="1"><![CDATA[?>]]></search> <add><![CDATA[//BOF Product Color Option public function getProductColorOptions($product_id) { $product_color_options = array(); $product_option_query = $this->db->query("SELECT * FROM " . DB_PREFIX . "product_option po LEFT JOIN `" . DB_PREFIX . "option` o ON (po.option_id = o.option_id) LEFT JOIN " . DB_PREFIX . "option_description od ON (o.option_id = od.option_id) WHERE po.product_id = '" . (int)$product_id . "' AND od.language_id = '" . (int)$this->config->get('config_language_id') . "' ORDER BY o.sort_order"); foreach ($product_option_query->rows as $product_option) { if ($product_option['type'] == 'color') { $product_option_value_query = $this->db->query("SELECT * FROM " . DB_PREFIX . "product_option_value pov LEFT JOIN " . DB_PREFIX . "option_value ov ON (pov.option_value_id = ov.option_value_id) LEFT JOIN " . DB_PREFIX . "option_value_description ovd ON (ov.option_value_id = ovd.option_value_id) WHERE pov.product_id = '" . (int)$product_id . "' AND pov.product_option_id = '" . (int)$product_option['product_option_id'] . "' AND ovd.language_id = '" . (int)$this->config->get('config_language_id') . "' ORDER BY ov.sort_order"); foreach ($product_option_value_query->rows as $product_option_value) { $product_color_options[] = array( 'color_name' => $product_option_value['name'], 'color_code' => $product_option_value['color_code'] ); } return $product_color_options; } } return $product_color_options; } //EOF Product Color Option]]></add> </operation> </file> <file name="system/library/cart.php"> <operation error="log"> <search error="log" position="replace"><![CDATA[$option_query->row['type'] == 'select']]></search> <add><![CDATA[$option_query->row['type'] == 'select' || $option_query->row['type'] == 'color']]></add> </operation> </file> </modification>

--- Добавлено, 1 мар 2014 ---

все Решено спасибо за участие..

[Помогите] Убрать эффект на кнопках .

butikstickerov

Altairk

AnOcToJI

butikstickerov