Выравнять настраиваемые поля.

[VINDIGO1]

Здравствуйте! Столкнулся c проблемой, вот как это выглядит у меня (http://kamilamebel.ru/index.php?option=com_virtuemart&view=productdetails&virtuemart_product_id=19&virtuemart_category_id=29)
В каком файле и что именно поправить в коде, что бы выровнять кнопку с изображением и сами изображения "цвета корпуса"? Заранее спасибо.
Joomla 1.5.25, virtuemart 2.0.12f

[softter]

Сколько же у вас в коде ненужного мусора. Разобраться без бутылки сложновато.


Замените ваш код

<span class="product-field-display"><input id="16" checked="checked" type="radio" value="31" name="customPrice[0][16]" /><label for="16" class="other-customfield"> <img src="http://kamilamebel.ru/images/stories/virtuemart/product/resized/vishny-oksford4_150x150.jpg" alt="Вишня Оксфорд" /> <span class="vm-img-desc">Вишня Оксфорд</span> +200,00 руб</label><input id="16" type="radio" value="32" name="customPrice[0][16]" /><label for="16" class="other-customfield"> <img src="http://kamilamebel.ru/images/stories/virtuemart/product/resized/oreh-ital7_150x150.jpg" alt="Орех Италия" /><span class="vm-img-desc">Орех Италия</span> Без доплаты</label></span>

на более простой


<table> <td> <b>Вишня Оксфорд</b> +200,00 руб<input id="16" checked="checked" type="radio" value="31" name="customPrice[0][16]" /><br> <img src="http://kamilamebel.ru/images/stories/virtuemart/product/resized/vishny-oksford4_150x150.jpg" alt="Вишня Оксфорд" /> </td> <td> <b>Орех Италия</b> Без доплаты <input id="16" type="radio" value="32" name="customPrice[0][16]" /><br> <img src="http://kamilamebel.ru/images/stories/virtuemart/product/resized/oreh-ital7_150x150.jpg" alt="Орех Италия" /> </td> </table>


Готовый результат

http://soft-arhiv.com/pic/verstka1.gif

[VINDIGO1]

Если подскажешь в каком файле заменить код, с меня ещё один "+"! А то я что то сообразить не могу никак, как с такой правкой он будет подгонять все вновь добавленные поля. :sorry:

[softter]

К сожалению не подскажу, Нужно ставить джомлу с нужным шаблоном. Я просто взял HTML код вашей страницы, нашел проблемное место и исправил верстку.
Нужно смотреть откуда встраивается в шаблон данный код. Естественно искать нужно там, где формируется описание вашего товара.

Подсказка:
Запустите поиск по директории где у вас лежит джомла (на компьютере) по названию: "customPrice", "other-customfield"

Так вы быстро найдете файлы, которые формируют нужные части шаблона. И там уже делайтй то, что хотите.


А то я что то сообразить не могу никак, как с такой правкой он будет подгонять все вновь добавленные поля. »

Если я вас правильно понял, то нет ничего сложного.

Код

<table> <td> <b>Вишня Оксфорд</b> +200,00 руб<input id="16" checked="checked" type="radio" value="31" name="customPrice[0][16]" /><br> <img src="http://kamilamebel.ru/images/stories/virtuemart/product/resized/vishny-oksford4_150x150.jpg" alt="Вишня Оксфорд" /> </td> <td> <b>Орех Италия</b> Без доплаты <input id="16" type="radio" value="32" name="customPrice[0][16]" /><br> <img src="http://kamilamebel.ru/images/stories/virtuemart/product/resized/oreh-ital7_150x150.jpg" alt="Орех Италия" /> </td> <tr> <td> <b>Вишня Оксфорд2</b> +200,00 руб<input id="16" checked="checked" type="radio" value="31" name="customPrice[0][16]" /><br> <img src="http://kamilamebel.ru/images/stories/virtuemart/product/resized/vishny-oksford4_150x150.jpg" alt="Вишня Оксфорд" /> </td> <td> <b>Орех Италия2</b> Без доплаты <input id="16" type="radio" value="32" name="customPrice[0][16]" /><br> <img src="http://kamilamebel.ru/images/stories/virtuemart/product/resized/oreh-ital7_150x150.jpg" alt="Орех Италия" /> </td> </table>

Результат (http://soft-arhiv.com/pic/verstka2.gif)

P/S
Естественно код страницы формируется динамически и у вас такие значения как value="32", customPrice[0][16] будут создаваться движком, имейте это ввиду.

[VINDIGO1]

Подсказка:
Запустите поиск по директории где у вас лежит джомла (на компьютере) по названию: "customPrice", "other-customfield" »
Нету не того и не этого и похоже ничего не нахожу. :dont-know

[softter]

Нужно искать по этим названиям не файлы, а текст в файлах.

[VINDIGO1]

softter, вот все файлы которые нашёл, ничего похожего нет, точнее текст нашёл, но что исправить? В php ещё не силён.

[VINDIGO1]

Ребята, подскажите! Весь инет облазил и всю голову сломал, никак не выравниваются эти поля.

[softter]

Найдите у себя файл css00000.css и вставьте в его начало следующий код

.product-field-display input {display:block; left:50px !important; } .other-customfield {display:block; float:none !important; margin-left:20px !important;}

[VINDIGO1]

Найдите у себя файл css00000.css и вставьте в его начало следующий код »
Такого файла нет :( Есть такой вот файл "css.css", но в другом шаблоне.

[softter]

Такого файла нет Есть такой вот файл "css.css", но в другом шаблоне. »

Значит он создается динамически (я работал с сохраненной копией сайта)

Тогда в файл vmsite-l.css что у вас вложен в архив, разницы никакой, он то же подгружается движком в HTML шаблон при отображенни сайта.

[VINDIGO1]

Всё получилось! Спасибо вам огромное, хоть один добрый человек на весь инет нашелся, не знаю как вас и отблагодарить! Хотелось конечно что бы они встали не друг над другом, а рядом, но это может в ващей правке с размерами поиграть и с размерами миниатюр?

[softter]

Если заменить первые стили на эти

.product-field-display input {margin-bottom:-18px; margin-left:20px; padding:0px; display:block;} .other-customfield {margin-top:20px; margin-left:15px; display:inline-table;}

То блоки выбора цвета будут рядом. НО! Не удается разделить чекбоксы на браузерах работающих на движке хромиум (хром и его клоны).
Да и не известно, как поведет себя эта верска при добавлении 3 и более цветовых блоком.

[VINDIGO1]

Да, придется оставить первый вариант. :)