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


Убрать Каталог Товаров Слева


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

#1 rollex06

rollex06

    Пользователь

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

Отправлено 25 Январь 2012 - 00:50

Всем привет. Сижу ковыряю дизайн.. есть вопросы:
1. Как полностью убрать каталог товаров слева?
2. увеличил размер картинок товаров и так получилось, что названия и цены теперь находятся на площади картинки. как сместить текст вниз?
3. можно ли сделать так, чтобы слоган располагался прям под логотипом. и как изменить цвет лого.
Прошу прощения, если данные вопросы уже озвучивались... Ответа не нашёл

#2 Vaccina

Vaccina

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

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

Отправлено 25 Январь 2012 - 21:01

1.Редактор тем - HTML - найдите сл.блок:
 <td id="leftMenuBlockWrap"> 
измените на:
 <td id="leftMenuBlockWrap" style="display:none;">
2.Редактор тем - main.css - найдите сл.блок:
.goodsListItemName {
	line-height: 1.2em;
	max-height: 3.6em;
	overflow: hidden;
	padding: 0 2px;
}
добавьте туда margin-top с нужным Вам значением, например: margin-top:40px;
3.Редактор тем - main.css - найдите сл.блок:
#header #title {
	bottom: 44px;
	margin: 0;
	position: absolute;
	right: 10px;
	width: 420px;
}
для изменения положеия меняйте значения right и bottom
для изменения цвета добавьте туда color с нужным Вам значением, например: color:#000000;

#3 rollex06

rollex06

    Пользователь

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

Отправлено 26 Январь 2012 - 01:33

Спасибо большое! Всё сделал, всё получилось.
Теперь, если Вас не затруднит есть ещё парочка вопросов:
1. Вот адрес сайта - как воткнуть телефон, аську, время работы и тп. в промежуток между поиском и "В КОРЗИНЕ ТОВАРОВ НА:..." уже сделал
2. Как увеличить шрифт этих самых данных? (в смысле телефона, аськи и тп.) уже сделал
3. Как увеличить поле шапки? Точнее её высоту. Нашёл как спустить верхнее меню и корзину, но у меня останется серая полоска. как её ниже опустить??

#4 Vaccina

Vaccina

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

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

Отправлено 26 Январь 2012 - 21:34

Высоту шапки можно изменить в классах

#headerWrap {
	background: url("http://img.storeland.ru/web/upload/assets/images/10/9976/header_bg.jpg") repeat-x scroll 0 0 transparent;
	height: 150px;
}

и

#header {
	height: 150px;
	margin: 0 auto;
	position: relative;
	width: 960px;
}

которые находятся в файле стилей main.css

#5 rollex06

rollex06

    Пользователь

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

Отправлено 27 Январь 2012 - 17:37

Спасибо, ещё несколько вопросов)
1. Я всё-таки решил вернуть колонку каталога, но хочу чтобы она была справа. Как её туда переместить?
2. Я хочу использовать эту колонку для отзывов и тп. как убрать надпись "Каталог товаров"?
3. Переименовал страницу "Связь с администрацией" в "заказать звонок" и, собственно, как добавить поле с телефоном?
Заранее благодарю!

#6 Vaccina

Vaccina

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

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

Отправлено 27 Январь 2012 - 21:57

1.Редактор тем - HTML
Для этого нужно сл.блок со всем содержимым:
<td id="primaryContent">
...
</td>

вставить перед сл.блоком:
<td id="leftMenuBlockWrap"> 
				<div id="leftMenuBlock">	
	  				<!-- Каталог -->

2.Чтобы убрать надпись каталог товаров зайдите в тот же фаил, найдите сл.блок:
<h4 class="contentTbodyCatalogHeader">Каталог товаров</h4>
измените на этот:
<h4 class="contentTbodyCatalogHeader" style="display:none;">Каталог товаров</h4>

3.к сожалению реализовать это невозможно. лучше подправьте текст в шаблоне связь с администрацией. чтобы пользователи там указывали свой телефон.

#7 rollex06

rollex06

    Пользователь

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

Отправлено 11 Март 2012 - 13:00

Скажите пожалуйста, как мне сделать так, чтобы товары отображались в трёх столбцах, а не в четырёх.
reader5.ru

#8 Vaccina

Vaccina

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

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

Отправлено 12 Март 2012 - 08:54

Вам необходимо в шаблоне "HTML" найти строку
is_divided("4"
и заменить её на
is_divided("3"


#9 rollex06

rollex06

    Пользователь

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

Отправлено 09 Январь 2013 - 13:00

А еще один вопрос вот у меня есть счетчик обратного отсчета http://reader5.ru/we...ntdown.rar?5312(jQuery) Как мне бы его прикрепить к сайту? Пытался его прикрепить самостоятельно ничего не получилось. CSS оформление работает, а вот .js файлы походу отказываются.

#10 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 09 Январь 2013 - 16:20

Просмотр сообщенияrollex06 (09 Январь 2013 - 13:00) писал:

А еще один вопрос вот у меня есть счетчик обратного отсчета http://reader5.ru/we...ntdown.rar?5312(jQuery) Как мне бы его прикрепить к сайту? Пытался его прикрепить самостоятельно ничего не получилось. CSS оформление работает, а вот .js файлы походу отказываются.

загрузите на сайт файлы js кроме jquery 1.4.1

далее их нужно будет подключить в шаблоне HTML перед </head>
  <script type="text/javascript" src="{FORALL_JS_PATH}jquery.lwtCountdown-0.9.5.js"></script>
  <script type="text/javascript" src="{FORALL_JS_PATH}misc.js"></script>


#11 Koderhan

Koderhan

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

  • Модератоpы
  • 6 227 сообщений

Отправлено 09 Январь 2013 - 16:53

Просмотр сообщенияrollex06 (09 Январь 2013 - 13:00) писал:

А еще один вопрос вот у меня есть счетчик обратного отсчета http://reader5.ru/we...ntdown.rar?5312(jQuery) Как мне бы его прикрепить к сайту? Пытался его прикрепить самостоятельно ничего не получилось. CSS оформление работает, а вот .js файлы походу отказываются.
Для того чтобы вставить данный таймер на сайт. Нужно сделать следующее.
Загрузить и распаковать на компьютер архив Прикрепленный файл  countdown.zip   47,88К   137 Количество загрузок:.
Загрузить все файлы из архива в редактор тем.
В редакторе тем открыть файл HTML, После кода:
<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>
Вставить:
<script language="Javascript" type="text/javascript" src="{ASSETS_JS_PATH}jquery.lwtCountdown-0.9.5.js"></script>
<script language="Javascript" type="text/javascript" src="{ASSETS_JS_PATH}misc.js"></script>
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}timer.css" type="text/css" />

На сайте создать страницу.
Добавить на страницу код через редактор HTML кода.
ScreenShot 297.jpg
Код:
<div id="container2">
<h1>СКОРО ЗАКОНЧИТСЯ ЦИКЛ НА КАЛЕНДАРЕ МАЙЯ.<br />СОБЫТИЕ СВЕРШИТСЯ ЧЕРЕЗ...</h1>
<h2 class="subtitle">Оставайтесь на планете Земля, чтобы узнать, чем все закончится.</h2>
<!-- Начало панели счетчика -->
<div id="countdown_dashboard">
<div class="dash weeks_dash"><span class="dash_title">недель</span>
<div class="digit">0</div>
<div class="digit">0</div>
</div>
<div class="dash days_dash"><span class="dash_title">дней</span>
<div class="digit">0</div>
<div class="digit">0</div>
</div>
<div class="dash hours_dash"><span class="dash_title">часов</span>
<div class="digit">0</div>
<div class="digit">0</div>
</div>
<div class="dash minutes_dash"><span class="dash_title">минут</span>
<div class="digit">0</div>
<div class="digit">0</div>
</div>
<div class="dash seconds_dash"><span class="dash_title">секунд</span>
<div class="digit">0</div>
<div class="digit">0</div>
</div>
</div>
<!-- Завершение панели счетчика -->
<div class="dev_comment">Плагин тестировался в браузерах<br />IE 6, IE 7, IE 8, FF 3, Safari 4, Opera 9, Chrome 4</div>
<script type="text/javascript" language="javascript">// <![CDATA[
jQuery(document).ready(function() {
$('#countdown_dashboard').countDown({
	 targetDate: {
	 'day': 21,
	 'month': 12,
	 'year': 2013,
	 'hour': 17,
	 'min': 34,
	 'sec': 15	 }
});

});
// ]]></script>
</div>
Нажать на "Обновить" для сохранения изменений.

Создать новый пункт меню с ссылкой на созданную страницу.

#12 rollex06

rollex06

    Пользователь

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

Отправлено 10 Январь 2013 - 06:44

Просмотр сообщенияKoderhan (09 Январь 2013 - 16:53) писал:

Для того чтобы вставить данный таймер на сайт. Нужно сделать следующее.
Загрузить и распаковать на компьютер архив Прикрепленный файл countdown.zip.
Загрузить все файлы из архива в редактор тем.
В редакторе тем открыть файл HTML, После кода:
<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>
Вставить:
<script language="Javascript" type="text/javascript" src="{ASSETS_JS_PATH}jquery.lwtCountdown-0.9.5.js"></script>
<script language="Javascript" type="text/javascript" src="{ASSETS_JS_PATH}misc.js"></script>
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}timer.css" type="text/css" />

На сайте создать страницу.
Добавить на страницу код через редактор HTML кода.
Прикрепленный файл ScreenShot 297.jpg
Код:
<div id="container2">
<h1>СКОРО ЗАКОНЧИТСЯ ЦИКЛ НА КАЛЕНДАРЕ МАЙЯ.<br />СОБЫТИЕ СВЕРШИТСЯ ЧЕРЕЗ...</h1>
<h2 class="subtitle">Оставайтесь на планете Земля, чтобы узнать, чем все закончится.</h2>
<!-- Начало панели счетчика -->
<div id="countdown_dashboard">
<div class="dash weeks_dash"><span class="dash_title">недель</span>
<div class="digit">0</div>
<div class="digit">0</div>
</div>
<div class="dash days_dash"><span class="dash_title">дней</span>
<div class="digit">0</div>
<div class="digit">0</div>
</div>
<div class="dash hours_dash"><span class="dash_title">часов</span>
<div class="digit">0</div>
<div class="digit">0</div>
</div>
<div class="dash minutes_dash"><span class="dash_title">минут</span>
<div class="digit">0</div>
<div class="digit">0</div>
</div>
<div class="dash seconds_dash"><span class="dash_title">секунд</span>
<div class="digit">0</div>
<div class="digit">0</div>
</div>
</div>
<!-- Завершение панели счетчика -->
<div class="dev_comment">Плагин тестировался в браузерах<br />IE 6, IE 7, IE 8, FF 3, Safari 4, Opera 9, Chrome 4</div>
<script type="text/javascript" language="javascript">// <![CDATA[
jQuery(document).ready(function() {
$('#countdown_dashboard').countDown({
	 targetDate: {
	 'day': 21,
	 'month': 12,
	 'year': 2013,
	 'hour': 17,
	 'min': 34,
	 'sec': 15	 }
});

});
// ]]></script>
</div>
Нажать на "Обновить" для сохранения изменений.

Создать новый пункт меню с ссылкой на созданную страницу.
Спасибо большое, получилось. Но проблема в том, что он начинает глючить.
Не составит вам труда опримизировать этот счетчик?http://reader5.ru/we...o_1341.zip?9162 Заранее спасибо.

#13 Koderhan

Koderhan

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

  • Модератоpы
  • 6 227 сообщений

Отправлено 10 Январь 2013 - 09:55

Распаковать и загрузить в  Панели управления, Сайт->Редактор тем файлы из  архив  Прикрепленный файл  jquery.countdown.zip   3,34К   100 Количество загрузок:
В файл HTML.
После кода:
  <!-- Скрипты магазина -->
  <script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>
Добавить:

<link rel="stylesheet" href="{ASSETS_STYLES_PATH}timer.css" />
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}jquery.countdown.css" />
<!-- JavaScript -->
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.countdown.js"></script>
<script type="text/javascript" src="{ASSETS_JS_PATH}timer.js"></script>
Создать новую страницу в разделе "Сайт-> Страницы".
И в редакторе html (нажав на кнопку "HTML") кода вставить код:
ScreenShot 306.jpg
<div id="countdown">&nbsp;</div>
<p id="note">&nbsp;</p>
Теперь достаточно добавить эту страницу после сохранения в меню. Или вставить адрес страницы на другое место.
В меню можно добавить через Панель администратора, Сайт-> Меню.

Примерно будет выглядеть так.
ScreenShot 307.jpg

#14 rollex06

rollex06

    Пользователь

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

Отправлено 10 Январь 2013 - 12:03

Спасибо большое,все получилось.

#15 rollex06

rollex06

    Пользователь

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

Отправлено 13 Январь 2013 - 12:43

Еще вопрос есть http://forum.storela...ndpost__p__7911 "Спартанское" Всплывающее Окно
Его код
<a href="#" id="openFlippingBook">Открыть публикацию</a>
<script type="text/javascript">
$('a#openFlippingBook').click(function(e) {
e.preventDefault();
var width = 400;
var height = 80;
var content = '<iframe src="Ссылка на FlippingBook" width="'+width+'" height="'+height+'" align="left">Ваш браузер не поддерживает плавающие фреймы!</iframe>';
$.fn.nyroModalManual({
width: width,
height: height,
content: content,
minWidth: width,
minHeight: height,	
gallery: null
});
return(false);
});
</script>
Хочу вставить эту форму
<script type="text/javascript" src="http://form.jotformeu.com/jsform/30121547186348"></script>
Как мне это сделать?Заранее спасибо.

#16 miyako

miyako

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

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

Отправлено 13 Январь 2013 - 13:50

Просмотр сообщенияrollex06 (13 Январь 2013 - 12:43) писал:

Еще вопрос есть http://forum.storela...ndpost__p__7911 "Спартанское" Всплывающее Окно
Его код
<a href="#" id="openFlippingBook">Открыть публикацию</a>
<script type="text/javascript">
$('a#openFlippingBook').click(function(e) {
e.preventDefault();
var width = 400;
var height = 80;
var content = '<iframe src="Ссылка на FlippingBook" width="'+width+'" height="'+height+'" align="left">Ваш браузер не поддерживает плавающие фреймы!</iframe>';
$.fn.nyroModalManual({
width: width,
height: height,
content: content,
minWidth: width,
minHeight: height,	
gallery: null
});
return(false);
});
</script>
Хочу вставить эту форму
<script type="text/javascript" src="http://form.jotformeu.com/jsform/30121547186348"></script>
Как мне это сделать?Заранее спасибо.

В панели управлении магазином в разделе Сайт->Редактор тем в шаблоне HTML найдите код:
</head>
вставьте:
<script type="text/javascript" src="http://form.jotformeu.com/jsform/30121547186348"></script>

Затем откройте интересующую вас страницу (Сайт->Страницы) и в описании через редактор HTML кода вставьте следующий код:
<a href="#" id="openFlippingBook">Открыть публикацию</a>
<script type="text/javascript">
$('a#openFlippingBook').click(function(e) {
e.preventDefault();
var width = 400;
var height = 80;
var content = '<iframe src="Ссылка на FlippingBook" width="'+width+'" height="'+height+'" align="left">Ваш браузер не поддерживает плавающие фреймы!</iframe>';
$.fn.nyroModalManual({
width: width,
height: height,
content: content,
minWidth: width,
minHeight: height,	 
gallery: null
});
return(false);
});
</script>


#17 rollex06

rollex06

    Пользователь

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

Отправлено 13 Январь 2013 - 14:32

Просмотр сообщенияmiyako (13 Январь 2013 - 13:50) писал:

В панели управлении магазином в разделе Сайт->Редактор тем в шаблоне HTML найдите код:
</head>
вставьте:
<script type="text/javascript" src="http://form.jotformeu.com/jsform/30121547186348"></script>

Затем откройте интересующую вас страницу (Сайт->Страницы) и в описании через редактор HTML кода вставьте следующий код:
<a href="#" id="openFlippingBook">Открыть публикацию</a>
<script type="text/javascript">
$('a#openFlippingBook').click(function(e) {
e.preventDefault();
var width = 400;
var height = 80;
var content = '<iframe src="Ссылка на FlippingBook" width="'+width+'" height="'+height+'" align="left">Ваш браузер не поддерживает плавающие фреймы!</iframe>';
$.fn.nyroModalManual({
width: width,
height: height,
content: content,
minWidth: width,
minHeight: height,	
gallery: null
});
return(false);
});
</script>
Поробовал как вы предложили, не получилось. Когда вставляю
<script type="text/javascript" src="http://form.jotformeu.com/jsform/30121547186348"></script>
он вставляет в этом месте форму не зависимо открываю я спартанское окно или нет. А когда нажимаю на ссылку, которая должна открывать спартанское окно, то во всплывающем окне моя главная страница.

#18 rollex06

rollex06

    Пользователь

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

Отправлено 13 Январь 2013 - 20:44

Или задам вопрос по-другому. Можно ли эту форму
<script type="text/javascript" src="http://form.jotformeu.com/jsform/30121547186348"></script>
уложить в кое-нить всплывающее окно

#19 Koderhan

Koderhan

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

  • Модератоpы
  • 6 227 сообщений

Отправлено 14 Январь 2013 - 09:48

Скажите пожалуйста, адрес или номер вашего магазина.

#20 krapagen

krapagen

    Пользователь

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

Отправлено 14 Январь 2013 - 11:26

Просмотр сообщенияKoderhan (14 Январь 2013 - 09:48) писал:

Скажите пожалуйста, адрес или номер вашего магазина.
reader5.ru




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

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