Перейти к содержимому


Изменение Шаблона

Автор BooModa, 19 сент. 2014 13:43

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 207

#181 BooModa

BooModa

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 112 сообщений

Отправлено 26 Ноябрь 2014 - 19:47

Просмотр сообщенияИрина345 (25 Ноябрь 2014 - 18:38) писал:

Здравствуйте, да Вы можете установить под картинкой кнопку вк, для этого на странице конкурса при помощи кнопки "Источник" на панели инструментов вставляете код виждета.
Уточните актуален ли вопрос с переносом вариантов оплаты,
Если да , то найдите в HTML код
<div id="payment_services" class="one_fourth column">
<span style="width: 240px; margin-top: -10px;"><h4>Варианты оплаты</h4></span>
<span class="icon_1" title="Мы принимаем к оплате квитанции сбербанка">&nbsp;</span>
<span class="icon_2" title="Мы принимаем к оплате кредитные карты VISA">&nbsp;</span>
<span class="icon_3" title="Мы принимаем к оплате кредитные карты MasterCard">&nbsp;</span>
<span class="icon_4" title="Мы принимаем оплату через кредитные карты Maestro" >&nbsp;</span>
<span class="icon_5" title="Мы принимаем к оплате Яндекс.Деньги">&nbsp;</span>
<span class="icon_6" title="Мы принимаем к оплате Webmoney">&nbsp;</span>
<span class="icon_7" title="Мы принимаем оплату через систему РБК money">&nbsp;</span>
<span class="icon_8" title="Мы принимаем оплату через SMS">&nbsp;</span>
<span class="icon_9" title="Мы принимаем оплату через терминалы оплаты Qiwi">&nbsp;</span>
<span class="icon_10" title="Мы принимаем оплату через Робокассу">&nbsp;</span>
</div>
и переместите код после строк

<div class="one_fourth last column">
<h4>Контакты</h4>


<div class="footer_links">
{% IF SETTINGS_STORE_WORK_TIME %}<span class="footer_time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">{SETTINGS_STORE_WORK_TIME}</span>{% ENDIF %}
{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER1}</span>{% ENDIF %}
{% IF SETTINGS_STORE_PHONE_NUMBER2 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER2}</span>{% ENDIF %}
{% IF SETTINGS_STORE_PHONE_NUMBER3 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER3}</span>{% ENDIF %}
{% IF SETTINGS_STORE_SKYPE %}<span class="footer_skype"><a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype">{SETTINGS_STORE_SKYPE}</a></span>{% ENDIF %}
{% IF SETTINGS_STORE_ICQ %}<span class="footer_icq">{SETTINGS_STORE_ICQ}</span>{% ENDIF %}
{% IF SETTINGS_STORE_EMAIL_MAIN %}<span class="footer_email">{SETTINGS_STORE_EMAIL_MAIN}</span>{% ENDIF %}
</div>
</div>

Спасибо, варианты оплаты перенесла, только нужно ещё подвинуть заголовок как на скрине.

По поводу виджета, открыла "источник", фото и код загрузила, но на странице конкурса отображается только фото + вылезли 2 JS ошибки.

Прикрепленные изображения

  • Снимок.JPG
  • Снимок2.JPG

#182 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 27 Ноябрь 2014 - 03:59

1. В шаблоне HTML найдите:
<div class="one_fourth last column">
								 <h4>Информация</h4>
замените на:
<div class="one_fourth column">
								 <h4>Информация</h4>

далее в main.css найдите:
.one_fourth {
float: left;
margin-right: 4%;
position: relative;
width: 20%;
}
замените на:
.one_fourth {
float: left;
margin-right: 2%;
position: relative;
width: 20%;
}

далее найдите:
#footer h4 {
border-bottom: 1px solid #e1e1e1;
color: #000000;
font-size: 21px;
margin-bottom: 10px;
margin-top: 0;
padding: 0 0 8px;
}
замените на:
#footer h4 {
border-bottom: 1px solid #e1e1e1;
color: #000000;
font-size: 21px;
margin-bottom: 10px;
margin-top: 0;
padding: 0 0 8px;
text-align: left;
}

2.проверьте сгенерированный код, вместо API_ID должен быть индификатор

#183 BooModa

BooModa

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 112 сообщений

Отправлено 27 Ноябрь 2014 - 13:40

Просмотр сообщенияVaccina (27 Ноябрь 2014 - 03:59) писал:

1. В шаблоне HTML найдите:
<div class="one_fourth last column">
								 <h4>Информация</h4>
замените на:
<div class="one_fourth column">
								 <h4>Информация</h4>

далее в main.css найдите:
.one_fourth {
float: left;
margin-right: 4%;
position: relative;
width: 20%;
}
замените на:
.one_fourth {
float: left;
margin-right: 2%;
position: relative;
width: 20%;
}

далее найдите:
#footer h4 {
border-bottom: 1px solid #e1e1e1;
color: #000000;
font-size: 21px;
margin-bottom: 10px;
margin-top: 0;
padding: 0 0 8px;
}
замените на:
#footer h4 {
border-bottom: 1px solid #e1e1e1;
color: #000000;
font-size: 21px;
margin-bottom: 10px;
margin-top: 0;
padding: 0 0 8px;
text-align: left;
}

2.проверьте сгенерированный код, вместо API_ID должен быть индификатор

Спасибо) можно ли разместить фото на странице "Конкурс", так же как и товары (по 4 штуки в ряд или по 2 лучше) и чтобы внизу под каждым фото можно было разместить кнопку "мне нравится"?

#184 M@rgarita

M@rgarita

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 56 сообщений

Отправлено 28 Ноябрь 2014 - 12:25

Здравствуйте!
Подскажите, пожалуйста, как
1. "Личный кабинет" сдвинуть влево
2. "корзина" спустить вниз (на место "Личного кабинета")
3. Логотип сдвинуть чуть выше
4. панель (каталог, доставка и т.д.) поднять чуть выше под логотип
5. заменить цвет всей верхней панели с белого на основный серый цвет
6. вернуть размер слайдов на первоначальный вид в шаблоне (т.е. растянуть на всю страницу)

Прикрепленные изображения

  • главная страница.png

#185 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 29 Ноябрь 2014 - 11:04

Просмотр сообщенияM@rgarita (28 Ноябрь 2014 - 12:25) писал:

Здравствуйте!
Подскажите, пожалуйста, как
1. "Личный кабинет" сдвинуть влево
2. "корзина" спустить вниз (на место "Личного кабинета")
3. Логотип сдвинуть чуть выше
4. панель (каталог, доставка и т.д.) поднять чуть выше под логотип
5. заменить цвет всей верхней панели с белого на основный серый цвет
6. вернуть размер слайдов на первоначальный вид в шаблоне (т.е. растянуть на всю страницу)
Здравствуйте,
1.найдите в main.css
ul#main_nav li:last-child {
float: right !important;
}
замените на

ul#main_nav li:last-child {
float: right !important;
margin-right: 295px !important;
}
3. найдите
#header #logo {
float: left;
clear: both;
margin: 12px 12px 12px 0;
}
замените на

#header #logo {
float: left;
clear: both;
margin: 0px 12px 0px 0;
}
4. найдите
#header .links {
padding-right: 10px;
float: left;
clear: both;
width: 100%;
}
замените на

#header .links {
padding-right: 10px;
float: left;
clear: both;
width: 100%;
margin-top: -46px;
}
5. найдите
.inner {
margin: 0 auto;
width: 1200px;
padding: 0;
clear: both;
background-color: #ffffff; 
box-sizing: border-box;
}
замените на

.inner {
margin: 0 auto;
width: 1200px;
padding: 0;
clear: both;
box-sizing: border-box;
}
6. найдите
#module_area {
width: 56%;
text-align: center;
padding: 5px 0;
margin: 0 auto;
}
замените на

#module_area {
width: 100%;
text-align: center;
padding: 5px 0;
margin: 0 auto;
}

#186 M@rgarita

M@rgarita

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 56 сообщений

Отправлено 30 Ноябрь 2014 - 15:47

Просмотр сообщенияИрина345 (29 Ноябрь 2014 - 11:04) писал:

Здравствуйте,
1.найдите в main.css
ul#main_nav li:last-child {
float: right !important;
}
замените на

ul#main_nav li:last-child {
float: right !important;
margin-right: 295px !important;
}
3. найдите
#header #logo {
float: left;
clear: both;
margin: 12px 12px 12px 0;
}
замените на

#header #logo {
float: left;
clear: both;
margin: 0px 12px 0px 0;
}
4. найдите
#header .links {
padding-right: 10px;
float: left;
clear: both;
width: 100%;
}
замените на

#header .links {
padding-right: 10px;
float: left;
clear: both;
width: 100%;
margin-top: -46px;
}
5. найдите
.inner {
margin: 0 auto;
width: 1200px;
padding: 0;
clear: both;
background-color: #ffffff;
box-sizing: border-box;
}
замените на

.inner {
margin: 0 auto;
width: 1200px;
padding: 0;
clear: both;
box-sizing: border-box;
}
6. найдите
#module_area {
width: 56%;
text-align: center;
padding: 5px 0;
margin: 0 auto;
}
замените на

#module_area {
width: 100%;
text-align: center;
padding: 5px 0;
margin: 0 auto;
}

Ирина, спасибо Вам!
А как можно:
1. спустить поиск чуть ниже, на одну строчку с названием магазина
2. спустить корзину, чтоб пробел между "Корзина покупок" и "Покупок -..." на строчке с "Личный кабинет"

#187 Alekseys

Alekseys

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 30 Ноябрь 2014 - 15:55

Просмотр сообщенияM@rgarita (30 Ноябрь 2014 - 15:47) писал:

Ирина, спасибо Вам!
А как можно:
1. спустить поиск чуть ниже, на одну строчку с названием магазина
2. спустить корзину, чтоб пробел между "Корзина покупок" и "Покупок -..." на строчке с "Личный кабинет"
Здравствуйте. В main.css замените
#header #search {
position: relative;
float: right;
right: 0px;
margin-bottom: 18px;
margin-top: 18px;
width: 225px;
z-index: 15;
}
на
#header #search {
position: relative;
float: right;
right: 0px;
margin-top: 45px;
width: 225px;
z-index: 15;
}
и
#header #cart {
z-index: 20;
min-width: 300px;
top: 3px;
right: 20px;
margin-bottom: 25px;
}
на
#header #cart {
z-index: 20;
min-width: 300px;
top: 3px;
right: 20px;
}

#188 M@rgarita

M@rgarita

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 56 сообщений

Отправлено 30 Ноябрь 2014 - 16:30

Просмотр сообщенияAlekseys (30 Ноябрь 2014 - 15:55) писал:

Здравствуйте. В main.css замените
#header #search {
position: relative;
float: right;
right: 0px;
margin-bottom: 18px;
margin-top: 18px;
width: 225px;
z-index: 15;
}
на
#header #search {
position: relative;
float: right;
right: 0px;
margin-top: 45px;
width: 225px;
z-index: 15;
}
и
#header #cart {
z-index: 20;
min-width: 300px;
top: 3px;
right: 20px;
margin-bottom: 25px;
}
на
#header #cart {
z-index: 20;
min-width: 300px;
top: 3px;
right: 20px;
}

Спасибо!!!

#189 BooModa

BooModa

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 112 сообщений

Отправлено 30 Ноябрь 2014 - 20:05

Спасибо) можно ли разместить фото на странице "Конкурс", так же как и товары (по 4 штуки в ряд или по 2 лучше) и чтобы внизу под каждым фото можно было разместить кнопку "мне нравится"?

#190 Danil

Danil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 01 Декабрь 2014 - 13:30

Просмотр сообщенияBooModa (30 Ноябрь 2014 - 20:05) писал:

Спасибо) можно ли разместить фото на странице "Конкурс", так же как и товары (по 4 штуки в ряд или по 2 лучше) и чтобы внизу под каждым фото можно было разместить кнопку "мне нравится"?
Здравствуйте.
Изменения произвели.
Был добавлен класс в описание страницы "конкурс".
Чтобы добавить еще 1 картинку используйте такую структуру:
<div class="konkyrs">
<img alt="" src="Ссылка на картинку" />
</div>

#191 BooModa

BooModa

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 112 сообщений

Отправлено 01 Декабрь 2014 - 15:49

Просмотр сообщенияDanil (01 Декабрь 2014 - 13:30) писал:

Здравствуйте.
Изменения произвели.
Был добавлен класс в описание страницы "конкурс".
Чтобы добавить еще 1 картинку используйте такую структуру:
<div class="konkyrs">
<img alt="" src="Ссылка на картинку" />
</div>

Стала загружать новые фото, используя данный код, но они снова стали загружаться одно под другое. Также нужно, чтобы кнопка "мне нравится" стояла строго под каждым фото, а они почему то загружаются в столбик.

Прикрепленные изображения

  • 4.JPG

#192 Danil

Danil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 01 Декабрь 2014 - 15:57

Просмотр сообщенияBooModa (01 Декабрь 2014 - 15:49) писал:

Стала загружать новые фото, используя данный код, но они снова стали загружаться одно под другое. Также нужно, чтобы кнопка "мне нравится" стояла строго под каждым фото, а они почему то загружаются в столбик.
Вы добавили изображение после виджета в вк, но у него есть стиль который переносит 2 изображение вниз,
поэтому добавлять изображения нужно друг за дружкой(пример ниже)
<div class="konkyrs"><img alt="" src="http://###/12/1500/043/12.jpg" /></div>
<div class="konkyrs"><img alt="" src="http://###/12/1500/025/17.jpg" /></div>
Так же вы можете использовать лишь 1 виджет "мне нравится", т.к. у него нет привязки к отдельному элементу.

#193 BooModa

BooModa

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 112 сообщений

Отправлено 01 Декабрь 2014 - 16:05

Просмотр сообщенияDanil (01 Декабрь 2014 - 15:57) писал:

Вы добавили изображение после виджета в вк, но у него есть стиль который переносит 2 изображение вниз,
поэтому добавлять изображения нужно друг за дружкой(пример ниже)
<div class="konkyrs"><img alt="" src="http://###/12/1500/043/12.jpg" /></div>
<div class="konkyrs"><img alt="" src="http://###/12/1500/025/17.jpg" /></div>
Так же вы можете использовать лишь 1 виджет "мне нравится", т.к. у него нет привязки к отдельному элементу.

Т.е. нет возможности голосовать отдельно за каждое фото?

#194 Danil

Danil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 01 Декабрь 2014 - 16:09

Просмотр сообщенияBooModa (01 Декабрь 2014 - 16:05) писал:

Т.е. нет возможности голосовать отдельно за каждое фото?
Именно в контакте данной возможности нет.

#195 BooModa

BooModa

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 112 сообщений

Отправлено 01 Декабрь 2014 - 16:15

Просмотр сообщенияDanil (01 Декабрь 2014 - 16:09) писал:

Именно в контакте данной возможности нет.

А какие способы вы бы порекомендовали?

#196 BooModa

BooModa

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 112 сообщений

Отправлено 02 Декабрь 2014 - 10:23

Просмотр сообщенияBooModa (01 Декабрь 2014 - 16:15) писал:


А какие способы вы бы порекомендовали?
?

#197 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 05 Декабрь 2014 - 07:42

тут, пожалуй, немного другая проблема, данная кнопка реагирует на саму страницу, а не на элемент в ней.

#198 BooModa

BooModa

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 112 сообщений

Отправлено 05 Декабрь 2014 - 20:01

Нужно "обрезать" данную полосу, чтобы был виден фон

Прикрепленные изображения

  • 1.JPG

#199 Danil

Danil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 05 Декабрь 2014 - 20:08

Просмотр сообщенияBooModa (05 Декабрь 2014 - 20:01) писал:

Нужно "обрезать" данную полосу, чтобы был виден фон
Здравствуйте.
В шаблоне html найдите код
<div class="title-holder">
и замените на
<div class="title-holder inner">
Далее в main.css найдите код
.title-holder {background:url('{ASSETS_IMAGES_PATH}inner_shadow2.png') 50% 3px no-repeat;background-color:#FFFFFF;border-bottom:1px solid #e9e9e9;position:relative;overflow:hidden;z-index:0;padding:13px 0 15px 0;clear:both; }
и замените на 
.title-holder {background:url('{ASSETS_IMAGES_PATH}inner_shadow2.png') 50% 3px no-repeat;background-color:#FFFFFF;border-bottom:1px solid #e9e9e9;position:relative;overflow:hidden;z-index:0;padding:13px 0 15px 0 !important;clear:both; }

#200 BooModa

BooModa

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 112 сообщений

Отправлено 05 Февраль 2015 - 16:51

При оформлении заказа очень близко находятся кнопки "перейти к следующему шагу" и "оформить заказ", нужно немного сместить вниз =)

Прикрепленные изображения

  • Снимок.PNG
  • Снимок1.PNG

Обратно в Изменение общей стилистики


Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Весна
  5. → Изменение общей стилистики
  6. Privacy Policy