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


Несколько Вопросов

слайдер и ещё

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

#1 magiya1984

magiya1984

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

  • Пользователи
  • PipPipPipPip
  • 439 сообщений
  • ГородМосква

Отправлено 14 Октябрь 2016 - 11:45

Привет. Ребят помогите решить вопрос.

1 надо в слайдер вставить текст и кнопку на каталог(как в шаблоне рассвет)
2 при наведение на товар появлялась ссылка или кнопка "подробнее"

Заранее спасибо!
Аккаунт SL-396340

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

  • logo.jpg
  • logo11111.jpg


#2 magiya1984

magiya1984

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

  • Пользователи
  • PipPipPipPip
  • 439 сообщений
  • ГородМосква

Отправлено 14 Октябрь 2016 - 14:54

есть кто живой :(

#3 Razon

Razon

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

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

Отправлено 14 Октябрь 2016 - 15:21

Просмотр сообщенияmagiya1984 (14 Октябрь 2016 - 11:45) писал:

Привет. Ребят помогите решить вопрос.

1 надо в слайдер вставить текст и кнопку на каталог(как в шаблоне рассвет)

Заранее спасибо!
Аккаунт SL-396340

Здравствуйте для 1 пункта,  в файле HTML  найдите строки:
	  <!-- /END Шапка -->
	 
	  <!-- Основная часть -->
	  <div id="content" class="yt-content wrap">

Замените на:
	  <!-- /END Шапка -->
	 
	  <!-- Основная часть -->
	  <div id="content" class="yt-content wrap">
		<div class="podmenu"><div class="podtext">Ваш текст</div><a href="ссылка"><div class="podbutton">Подробнее..</div></a></div>

В конец файла main.css добавьте:
.podmenu {
	position: absolute;
	z-index: 9;
	margin-left: 60%;
	margin-top: 15%;
	text-align: left;
	color: #8C2C29;
	margin-bottom: 15px;
	font-weight: 500;
	font-size: 36px;
	text-transform: uppercase;
}
.podtext {margin-bottom: 15px;}
.podbutton {
	color:black;
	font-size: 21px;
	height: 50px;
	line-height: 46px;
	text-transform: none;
	padding: 0 30px;
	border:1px solid black;
}
.podbutton:hover {background-color:#8C2C29;color:#ffffff;border:none;}
@media all and (max-width:1070px){
  .podmenu {margin-top:10%;}
}
@media all and (max-width:600px){
  .podmenu {display:none;}
}


#4 magiya1984

magiya1984

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

  • Пользователи
  • PipPipPipPip
  • 439 сообщений
  • ГородМосква

Отправлено 14 Октябрь 2016 - 15:42

скажите как сделать что бы текст и кнопка не вылазила на всех страницах  http://xn----8sbpvhf...0adxhks/catalog

#5 Razon

Razon

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

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

Отправлено 14 Октябрь 2016 - 15:43

Просмотр сообщенияmagiya1984 (14 Октябрь 2016 - 11:45) писал:

Привет. Ребят помогите решить вопрос.

2 при наведение на товар появлялась ссылка или кнопка "подробнее"

Заранее спасибо!
Аккаунт SL-396340

Для 2 пункта,  в файле HTML найдите 3 строки:
									<div class="product-addto-wrap">

После них вставьте
									  <a href="{index_page_goods.URL_MIN_PRICE_NOW | url_amp}" title="{index_page_goods.NAME}" itemprop="name"><div class="podrobn">Подробнее</div></a>

В конец файла main.css вставьте строки:
.podrobn {margin-left:20%;margin-top:-100px;position:absolute; border:1px solid #000000; padding:20px;color:#ffffff;background-color:#532a09;}
.podrobn:hover {border:none;background-color:#8c2c29;}


#6 magiya1984

magiya1984

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

  • Пользователи
  • PipPipPipPip
  • 439 сообщений
  • ГородМосква

Отправлено 14 Октябрь 2016 - 15:46

Просмотр сообщенияRa1zon (14 Октябрь 2016 - 15:43) писал:

Для 2 пункта,  в файле HTML найдите 3 строки:
<div class="product-addto-wrap">

После них вставьте
									 <a href="{index_page_goods.URL_MIN_PRICE_NOW | url_amp}" title="{index_page_goods.NAME}" itemprop="name"><div class="podrobn">Подробнее</div></a>

В конец файла main.css вставьте строки:
.podrobn {margin-left:20%;margin-top:-100px;position:absolute; border:1px solid #000000; padding:20px;color:#ffffff;background-color:#532a09;}
.podrobn:hover {border:none;background-color:#8c2c29;}
скажите как сделать что бы текст и кнопка не вылазила на всех страницах  http://xn----8sbpvhf...0adxhks/catalog

#7 Razon

Razon

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

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

Отправлено 14 Октябрь 2016 - 15:47

Просмотр сообщенияmagiya1984 (14 Октябрь 2016 - 15:42) писал:

скажите как сделать что бы текст и кнопка не вылазила на всех страницах  http://xn----8sbpvhf...0adxhks/catalog

Прошу прощения,  в файле HTML найдите строку:
				<div class="podmenu"><div class="podtext">Ваш текст</div><a href="ссылка"><div class="podbutton">Подробнее..</div></a></div>

Переместите ее под строки:
		<!-- Слайдер на главной -->
		{% IF index_page %}
		<div id="slideshow" class="wrap">

У вас должно получиться:
		<!-- Слайдер на главной -->
		{% IF index_page %}
		<div id="slideshow" class="wrap">
				  <div class="podmenu"><div class="podtext">Ваш текст</div><a href="ссылка"><div class="podbutton">Подробнее..</div></a></div>


#8 magiya1984

magiya1984

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

  • Пользователи
  • PipPipPipPip
  • 439 сообщений
  • ГородМосква

Отправлено 14 Октябрь 2016 - 15:52

а если так добавил ни чего страшного
<div id="content" class="yt-content wrap">{% IF index_page %}
                <div class="podmenu"><div class="podtext">Интернет магазин мебели WINKEL</div><a href="http://xn----8sbpvhf...s/catalog"><div class="podbutton">Перейти</div></a></div>
        <!-- Слайдер на главной -->{% ENDIF %}

#9 Razon

Razon

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

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

Отправлено 14 Октябрь 2016 - 15:55

Просмотр сообщенияmagiya1984 (14 Октябрь 2016 - 15:52) писал:

а если так добавил ни чего страшного
<div id="content" class="yt-content wrap">{% IF index_page %}
<div class="podmenu"><div class="podtext">Интернет магазин мебели WINKEL</div><a href="http://xn----8sbpvhf...s/catalog"><div class="podbutton">Перейти</div></a></div>
<!-- Слайдер на главной -->{% ENDIF %}

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

#10 magiya1984

magiya1984

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

  • Пользователи
  • PipPipPipPip
  • 439 сообщений
  • ГородМосква

Отправлено 14 Октябрь 2016 - 15:59

понял переделал. Спасибо большое





Темы с аналогичным тегами слайдер, и ещё

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

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