0
Дизайн
Автор hmurij, 06 окт. 2013 19:29
Сообщений в теме: 9
#1
Отправлено 06 Октябрь 2013 - 19:29
Доброго времени.
Прошу помощи в изменении кода с целью:
- разместить название товара и его цену под картинкой
- в не расползании страницы в ширину в каталоге товаров (я так понимаю влазит максимум четыре)
- возобновить отображение счетчиков (их внизу четыре, виден только один)
- расположить значок магазина http://rghost.ru/49200522/image.png в левом верхнем углу
-убрать внизу белую полосу
-добавить кнопку "наверх" (как в меню настроек)
магазин: зеленыйкофемосква.рф
Прошу помощи в изменении кода с целью:
- разместить название товара и его цену под картинкой
- в не расползании страницы в ширину в каталоге товаров (я так понимаю влазит максимум четыре)
- возобновить отображение счетчиков (их внизу четыре, виден только один)
- расположить значок магазина http://rghost.ru/49200522/image.png в левом верхнем углу
-убрать внизу белую полосу
-добавить кнопку "наверх" (как в меню настроек)
магазин: зеленыйкофемосква.рф
#2
Отправлено 06 Октябрь 2013 - 23:58
Здравствуйте.
1. В файле main.css найдите блок
2. Не совсем понятен Ваш вопрос объясните, пожалуйста.
3. Все 4 счетчика присутствуют у Вас на сайте. На скриншоте я Вам показала.
4. В файле main.css найдите блок
5. В файле main.css найдите блок
6. Вы можете воспользоваться данной инструкцией.
1. В файле main.css найдите блок
.goodsListItemImage {height:100px;margin-top: 1em}и замените его на
.goodsListItemImage {height:200px;margin-top: 1em}
2. Не совсем понятен Ваш вопрос объясните, пожалуйста.
3. Все 4 счетчика присутствуют у Вас на сайте. На скриншоте я Вам показала.
4. В файле main.css найдите блок
.logo { font-size: 2em; margin-bottom: 0.2em; margin-top: 0.2em; font-family: Helvetica; color: #636363; letter-spacing: 0em; line-height: 1.1em; }и замените его на
.logo { font-size: 2em; margin-bottom: 0.2em; margin-top: 0.2em; font-family: Helvetica; color: #636363; letter-spacing: 0em; line-height: 1.1em; background: url({ASSETS_IMAGES_PATH}logo.png) no-repeat; }И загрузите Вашу картинку в разделе Сайт-> Редактор шаблонов -> Добавить файл с названием logo и в формате png.
5. В файле main.css найдите блок
body { padding-bottom: 30px; line-height: 1.4em; margin: 0px; font-family: verdana, arial, helvetica, sans-serif; color: #333; font-size: 11px; opacity: .999; }и замените его на
body { line-height: 1.4em; margin: 0px; font-family: verdana, arial, helvetica, sans-serif; color: #333; font-size: 11px; opacity: .999; }
6. Вы можете воспользоваться данной инструкцией.
#3
Отправлено 07 Октябрь 2013 - 11:39
Спасибо за помощь , почти все получилось.
Но остались некоторые вопросы, если позволите:
- кнопка "наверх" черная, можно ли ее сделать зеленым цветом и со стрелкой направленной вверх
- на логотипе рамка и название магазина, можно ли убрать рамку, буквы оставить,изменив цвет, и выровнять по центру картинки
- белая полоса ушла не на всех страницах
- если нажать на "каталог" то на странице появляются все четыре товара, при этом нарушаются поля и товар вываливается за пределы страницы
- какой размер картинки оптимален для загрузки, при выставленных параметрах отображения товара на главной
-можно ли убрать кнопки "вход с паролем" и регистрация
Заранее большое спасибо )
Но остались некоторые вопросы, если позволите:
- кнопка "наверх" черная, можно ли ее сделать зеленым цветом и со стрелкой направленной вверх
- на логотипе рамка и название магазина, можно ли убрать рамку, буквы оставить,изменив цвет, и выровнять по центру картинки
- белая полоса ушла не на всех страницах
- если нажать на "каталог" то на странице появляются все четыре товара, при этом нарушаются поля и товар вываливается за пределы страницы
- какой размер картинки оптимален для загрузки, при выставленных параметрах отображения товара на главной
-можно ли убрать кнопки "вход с паролем" и регистрация
Заранее большое спасибо )
#4
Отправлено 07 Октябрь 2013 - 13:39
hmurij (07 Октябрь 2013 - 11:39) писал:
Спасибо за помощь , почти все получилось.
Но остались некоторые вопросы, если позволите:
- кнопка "наверх" черная, можно ли ее сделать зеленым цветом и со стрелкой направленной вверх
- на логотипе рамка и название магазина, можно ли убрать рамку, буквы оставить,изменив цвет, и выровнять по центру картинки
- белая полоса ушла не на всех страницах
- если нажать на "каталог" то на странице появляются все четыре товара, при этом нарушаются поля и товар вываливается за пределы страницы
- какой размер картинки оптимален для загрузки, при выставленных параметрах отображения товара на главной
-можно ли убрать кнопки "вход с паролем" и регистрация
Заранее большое спасибо )
Но остались некоторые вопросы, если позволите:
- кнопка "наверх" черная, можно ли ее сделать зеленым цветом и со стрелкой направленной вверх
- на логотипе рамка и название магазина, можно ли убрать рамку, буквы оставить,изменив цвет, и выровнять по центру картинки
- белая полоса ушла не на всех страницах
- если нажать на "каталог" то на странице появляются все четыре товара, при этом нарушаются поля и товар вываливается за пределы страницы
- какой размер картинки оптимален для загрузки, при выставленных параметрах отображения товара на главной
-можно ли убрать кнопки "вход с паролем" и регистрация
Заранее большое спасибо )
1) Найдите в файле main.css код -
#back-top span { width: 64px; height: 64px; display: block; margin-bottom: 7px; background: url(http://i35.fastpic.ru/big/2012/0421/73/39dcabc5368215af545fe408f1499c73.gif) no-repeat center center #dddddd; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }вместо http://i35.fastpic.r...408f1499c73.gif укажите путь до изображения картинки со стрелочкой.
В коде -
#back-top a:hover span { background-color: #777; }указан цвет при наведении.
2) Найдите код в шаблоне HTML -
<div class="logo"><a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img sr c="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}" /></a></div>и замените на -
<div class="logo"><a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}" /></a></div>
3) Найдите код в main.css -
body { line-height: 1.4em; margin: 0px; font-family: verdana, arial, helvetica, sans-serif; color: #333; font-size: 11px; opacity: .999; }и замените его на -
body { line-height: 1.4em; margin: 0px; font-family: verdana, arial, helvetica, sans-serif; color: #333; font-size: 11px; opacity: .999; background-color: #48708D; }
4) По сколько товаров должно отображаться?
5) Если Вы про изображения в Новинках, Хитах, Товарах на Главной, то тогда 200*200 пикселей
6) Найдите код в main.css -
.contentTableHeadUserInfo { text-align: center; width: 220px; overflow: hidden; }и замените на -
.contentTableHeadUserInfo { text-align: center; width: 220px; overflow: hidden; display: none; }
#5
Отправлено 10 Октябрь 2013 - 01:04
miyako!
Спасибо большое!
по пункту 4 - четыре товара в ряд, пятый ниже , под первым. Иначе страница расширяется..
Появился еще вопросы, если можно:
- под изображением товара его название - оно имеет выравнивание по центру. Как сделать тоже самое с ценой ?
- при оформлении заказа хотелось бы убрать возможность зарегистрироваться..
Спасибо большое!
по пункту 4 - четыре товара в ряд, пятый ниже , под первым. Иначе страница расширяется..
Появился еще вопросы, если можно:
- под изображением товара его название - оно имеет выравнивание по центру. Как сделать тоже самое с ценой ?
- при оформлении заказа хотелось бы убрать возможность зарегистрироваться..
#6
Отправлено 10 Октябрь 2013 - 05:11
4.Сайт - Редактор шаблонов - HTML - найдите:
замените на:
6.Сайт - Редактор шаблонов - Оформление заказа - найдите и удалите:
is_divided("5"замените на:
is_divided("4"5.Сайт - Редактор шаблонов - main.css - найдите:
.goodsListItemBlock { height: 277px; margin: 5px; overflow: hidden; }
замените на:
.goodsListItemBlock { height: 277px; margin: 5px; overflow: hidden; text-align: center; }
6.Сайт - Редактор шаблонов - Оформление заказа - найдите и удалите:
<!-- Если в тарифном плане подключен раздел личного кабинета --> {% IF TARIFF_FEATURE_CLIENT_ROOM %} {% IFNOT CLIENT_IS_LOGIN %} <tr> <td class="cell1"><label for="contactWantRegister">Я хочу зарегистрироваться:</label></td> <td class="cell2"><input type="checkbox" id="contactWantRegister" name="form[contact][want_register]" class="orderStageContactCheckbox" value="1" {% IF ORDER_FORM_CONTACT_WANT_REGISTER %}checked="checked"{% ENDIF %} /></td> </tr> <tr class="contactRegisterNeedElement" {% IFNOT ORDER_FORM_CONTACT_WANT_REGISTER %}style="display:none;"{% ENDIF %}> <td class="cell1"><label for="contactPassWord">Пароль:</label></td> <td class="cell2"> <input type="password" id="contactPassWord" name="form[contact][pass]" value="{ORDER_FORM_CONTACT_PASS}" {% IF ORDER_FORM_CONTACT_WANT_REGISTER %}class="required"{% ENDIF %} minlength="6" /> {% IFNOT user_agent_ie %} <div class="OrderShowPassBlock"><a href="#" rel="Скрыть пароль" class="OrderShowPass">Показать пароль</a></div> {% ENDIF %} <div class="alignCenter" style="display:none;" id="caps_lock"> <img src="{ASSETS_IMAGES_PATH}warningCapslock.png"><br /> <strong>Caps Lock включен.</strong><br /> Пароль может быть введен неверно. </div> </td> </tr> {% ENDIF %} {% ENDIF %} <!-- END Если в тарифном плане подключен раздел личного кабинета -->
#7
Отправлено 13 Январь 2014 - 00:32
Доброго времени. Адрес 3a2.ru
Необходимо:
1 чтоб при добавлении комментариев к товарам страница не расползалась в ширину, как это происходит сейчас.
2 на главной - разместить сначала товары, потом все остальное
3 название кнопки положить в корзину изменить на 'купить'
4 сделать полностью видимым текст кнопки "добавить в сравнение"
5 изменить цвет фона кнопки "купить"
6 новую цену (не перечеркнутую) сделать красным цветом
Необходимо:
1 чтоб при добавлении комментариев к товарам страница не расползалась в ширину, как это происходит сейчас.
2 на главной - разместить сначала товары, потом все остальное
3 название кнопки положить в корзину изменить на 'купить'
4 сделать полностью видимым текст кнопки "добавить в сравнение"
5 изменить цвет фона кнопки "купить"
6 новую цену (не перечеркнутую) сделать красным цветом
#8
Отправлено 13 Январь 2014 - 15:06
hmurij (13 Январь 2014 - 00:32) писал:
Доброго времени. Адрес 3a2.ru
Необходимо:
1 чтоб при добавлении комментариев к товарам страница не расползалась в ширину, как это происходит сейчас.
2 на главной - разместить сначала товары, потом все остальное
3 название кнопки положить в корзину изменить на 'купить'
4 сделать полностью видимым текст кнопки "добавить в сравнение"
5 изменить цвет фона кнопки "купить"
6 новую цену (не перечеркнутую) сделать красным цветом
Необходимо:
1 чтоб при добавлении комментариев к товарам страница не расползалась в ширину, как это происходит сейчас.
2 на главной - разместить сначала товары, потом все остальное
3 название кнопки положить в корзину изменить на 'купить'
4 сделать полностью видимым текст кнопки "добавить в сравнение"
5 изменить цвет фона кнопки "купить"
6 новую цену (не перечеркнутую) сделать красным цветом
1. Уточните, пожалуйста, как они должны выглядеть (приложите скриншот)
2. В разделе HTML найдите и удалите код
{BODY}вставьте его после
<!-- end Список товаров на главной --> {% ENDIF %} <!-- END Всевозможные списки товаров -->
3, 5. В разделе Сайт - Редактор шаблонов - Товар в коде
<input type="submit" value="Положить в корзину" style="display:block;margin-top:1em;width:200px;background:red;" />замените текст Положить в корзину на нужный. Вместо red укажите код необходимого цвета.
4. В том же разделе замените
<input type="button" class="button goodsDataCompareButton add" rel="{COMPARE_ADD_URL}?return_to={CURRENT_URL | urlencode}" value="Добавить к сравнению" title="Добавить товарную модификацию к списку сравнения с другими товарами" style="{% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}display:none;{% ENDIF %}width:200px;" />на
<input type="button" class="button goodsDataCompareButton add" rel="{COMPARE_ADD_URL}?return_to={CURRENT_URL | urlencode}" value="Добавить к сравнению" title="Добавить товарную модификацию к списку сравнения с другими товарами" style="{% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}display:none;{% ENDIF %}width:250px;" />
6. В файле main.css замените
.goodsDataMainModificationPriceNow { font-size: 1.5em; color: #F2912D; white-space: nowrap; }на
.goodsDataMainModificationPriceNow { font-size: 1.5em; color: red; white-space: nowrap; }
#9
Отправлено 14 Январь 2014 - 02:02
Доброго времени!
1 страницы товаров на которых есть отзывы (оба хомяка) расширяются при переходе на них (полоска на скрине из приложения) Страница товара без отзывов - кофе - не расширяется и полоски нет
6 добавил код и потом убрал, т.к. не увидел изменений цвета текущей цены на главной, что то делаю не так ?
ещё подскажите ещё плиз как вставить виджеты групп в контакте и на одноклассники на данный шаблон слева под новостями друг за другом вниз
1 страницы товаров на которых есть отзывы (оба хомяка) расширяются при переходе на них (полоска на скрине из приложения) Страница товара без отзывов - кофе - не расширяется и полоски нет
6 добавил код и потом убрал, т.к. не увидел изменений цвета текущей цены на главной, что то делаю не так ?
ещё подскажите ещё плиз как вставить виджеты групп в контакте и на одноклассники на данный шаблон слева под новостями друг за другом вниз
#10
Отправлено 14 Январь 2014 - 05:22
1. В main.css найдите:
6. В main.css в самом низу добавьте сл.код:
На счет виджитов в шаблоне HTML вставьте код виджета перед:
.goodsDataOpinionListTable { width: 900px; }уменьшите значение width
6. В main.css в самом низу добавьте сл.код:
.goodsListItemPriceNew span span{ color:red; }
На счет виджитов в шаблоне HTML вставьте код виджета перед:
</td> <td colspan="2" class="valignTop"> <!-- Всевозможные списки товаров --> {% IF index_page %} <!-- Список новинок на главной --> {% IFNOT index_page_new_goods_empty %}
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных