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


Слайдер

Слайдер

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

#1 Lenya

Lenya

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

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

Отправлено 08 Май 2014 - 21:11

Скажите пожалуйста,как переместить слайдер,чтоб он был справа от каталога? а ниже шли уже товары на главной.

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

  • Безымянный.jpg


#2 Dars

Dars

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

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

Отправлено 08 Май 2014 - 22:01

Просмотр сообщенияLenya (08 Май 2014 - 21:11) писал:

Скажите пожалуйста,как переместить слайдер,чтоб он был справа от каталога? а ниже шли уже товары на главной.
В шаблоне HTML найдите код:
	<!--{% IF index_page %} -->
<div class="flexslider" id="autumn-slider">
<ul class="slides">
<li><a href="#"><img src="{ASSETS_IMAGES_PATH}cvet2.jpg"></a></li>
<li><a href="#"><img src="{ASSETS_IMAGES_PATH}cvet3333.jpg"></a></li>
<li><a href="#"><img src="{ASSETS_IMAGES_PATH}cvet55.jpg"></a></li>
</ul>
</div>
<!--{% ENDIF %}-->
и переместите его после строки:
	  <div class="column two-third">


#3 Lenya

Lenya

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

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

Отправлено 09 Май 2014 - 11:12

а как его уменьшить справа,чтоб он сравнялся с товарами на главной? и чуть чуть влево сдвинуть.

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

  • 123.jpg


#4 lew

lew

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

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

Отправлено 09 Май 2014 - 14:05

Цитата

а как его уменьшить справа,чтоб он сравнялся с товарами на главной? и чуть чуть влево сдвинуть.
в админке откройте style.css
найдите строчку (строка 100-110)
.grid, .grid2 {margin:0 -15px}
и под ней разместите
.grid{margin: 0 -9px}

насчёт уменьшения справа. Если это сделать то обрежется справа картинка цветов. В идеале я бы вам предложил уменьшить и изменить сами картинки слайдера. (или сделать большие отступы для товаров, выравнив под размер лайдера)

я скину сейчас вам код. и вы посмотрит подойдёт ли вам это.
в style.css найдите код (строка 650-660)
.two-third{width:930px;float:right}
замените на
.two-third{width:789px;float:right}

потом код (строка 640-650)
.container{width:1200px;margin:0 auto}
замените на этот
.container{width:1068px;margin:0 auto}


#5 Lenya

Lenya

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

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

Отправлено 09 Май 2014 - 15:30

Отлично! то,что нужно! спасибо)

#6 Lenya

Lenya

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

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

Отправлено 09 Май 2014 - 15:50

Ещё вопрос, как текст "Каталог" сделать посередине в рамочке, рамочку убрать, и все названия каталогов сместить чуть чуть вправо, а то они прям близко к краю.

#7 lew

lew

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

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

Отправлено 09 Май 2014 - 16:47

Цитата

и все названия каталогов сместить чуть чуть вправо, а то они прям близко к краю.
в style.css найдите код (строка 200-220)
.accordion a, .accordion_main a { text-decoration: none; border-bottom: 1px solid #eeece7; font-size:11px; font-weight:700; text-transform:uppercase; padding: 8px 10px 8px 0; display: block; cursor: pointer; }
под ним поставьте новый код
.accordion a {padding: 8px 10px 8px 10px;}

Цитата

как текст "Каталог" сделать посередине в рамочке, рамочку убрать
найдите код (примерно строка 170-190)
.block2 .block-title {padding: 6px 18px;color: #40383b;text-transform: uppercase;background: #fff;border: 1px solid #c0c0c0;*border-top: 2px solid #c0c0c0;*border-left: 1px solid #c0c0c0;*border-right: 1px solid #c0c0c0;*border-bottom: 1px solid #c0c0c0;position: relative;display: block;width: 82%;}
под ним напишите новый код
.block2 .block-title {padding: 6px 15px; border: 0px solid #c0c0c0;*border-top: 0px solid #c0c0c0;*border-left: 0px solid #c0c0c0;*border-right: 0px solid #c0c0c0;*border-bottom: 0px solid #c0c0c0; text-align: center; }


#8 Lenya

Lenya

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

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

Отправлено 09 Май 2014 - 17:00

Спасибо большое)

#9 Lenya

Lenya

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

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

Отправлено 09 Май 2014 - 17:55

Ещё вопрос, как сместить блок VK вниз, под каталог, чтоб он был ровно под ним?

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

  • vk.jpg


#10 lew

lew

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

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

Отправлено 09 Май 2014 - 19:27

Цитата

Ещё вопрос, как сместить блок VK вниз, под каталог, чтоб он был ровно под ним?

откройте товар
найдите код

<div class="content container">
<script type="text/javascript" src="//vk.com/js/api/openapi.js?112"></script>
<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 0, width: "220", height: "400", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 71209772);
</script>
<div class="column two-third">
замените на этот
<div class="content container">
<!--<script type="text/javascript" src="//vk.com/js/api/openapi.js?112"></script>
< ! --VK Widget -- >
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 0, width: "220", height: "400", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 71209772);
</script>-->
<div class="column two-third">



найдите код (примерно строка 350-450)
<div class="column one-third">
<div class="block2">
<div class="block-title">Каталог
<strong><span></span></strong>
</div>



<!-- Каталог товаров -->

{%IFNOT catalog_full_empty%}
{%FOR catalog_full%}
{% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %}
<li {% IF catalog_full.HIDE %}style="display:none;" {% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ELSEIF catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
<a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a>
{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
{% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
{%ENDFOR%}
{%ENDIF%}
<!-- /Каталог товаров -->

<!-- Каталог товаров -- >
<div class="conta">
<a class="toggleMenu" href="#">Каталог</a>
{%IFNOT catalog_full_empty%}
{%FOR catalog_full%}
{% IF catalog_full.FIRST %}<ul {% IF catalog_full.LEVEL = 0 %}class="nav"{% ENDIF %}>{% ENDIF %}
<li {% IF catalog_full.HIDE %}style="display:none;" {% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ELSEIF catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
<a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a><span class="icons" {% IFNOT catalog_full.ISSET_SUB %}style="display: none;"{% ENDIF %}></span>
{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
{% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
{%ENDFOR%}
{%ENDIF%}
<div class="block-content">
<!-- Каталог товаров -->
</div>
</div>


<div class="column one-third">
<div class="block2">
<div class="block-title">Каталог
<strong><span></span></strong>
</div>


замените на


<!-- Каталог товаров -->

{%IFNOT catalog_full_empty%}
{%FOR catalog_full%}
{% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %}
<li {% IF catalog_full.HIDE %}style="display:none;" {% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ELSEIF catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
<a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a>
{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
{% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
{%ENDFOR%}
{%ENDIF%}
<!-- /Каталог товаров -->

<!-- Каталог товаров -- >
<div class="conta">
<a class="toggleMenu" href="#">Каталог</a>
{%IFNOT catalog_full_empty%}
{%FOR catalog_full%}
{% IF catalog_full.FIRST %}<ul {% IF catalog_full.LEVEL = 0 %}class="nav"{% ENDIF %}>{% ENDIF %}
<li {% IF catalog_full.HIDE %}style="display:none;" {% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ELSEIF catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
<a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a><span class="icons" {% IFNOT catalog_full.ISSET_SUB %}style="display: none;"{% ENDIF %}></span>
{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
{% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
{%ENDFOR%}
{%ENDIF%}
<div class="block-content">
<!-- Каталог товаров -->
</div>

<script type="text/javascript" src="//vk.com/js/api/openapi.js?112"></script>
<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 0, width: "220", height: "400", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 71209772);
</script>

</div>



#11 Lenya

Lenya

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

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

Отправлено 09 Май 2014 - 23:01

Спасибо,получилось) а как сделать каталог по-шире в право, чтоб красиво было, и правый край сравнялся с правым краем блока VK

Вот такая штука на всех коротких страницах,

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

  • vk1.jpg


#12 daria_dnk

daria_dnk

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

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

Отправлено 10 Май 2014 - 09:50

Просмотр сообщенияLenya (09 Май 2014 - 23:01) писал:

Спасибо,получилось) а как сделать каталог по-шире в право, чтоб красиво было, и правый край сравнялся с правым краем блока VK

Вот такая штука на всех коротких страницах,
Здравствуйте!
В шаблоне main.css попробуйте заменить строку
.block2 {margin-bottom: 20px;background: #fff;border-left: 1px solid #efefef;border-right: 1px solid #efefef;float:left;position: relative;width: 210px;width: 82%}
на
.block2 {margin-bottom: 20px;background: #fff;border-left: 1px solid #efefef;border-right: 1px solid #efefef;float:left;position: relative;width: 220px;}

А также код виджета
<script type="text/javascript" src="//vk.com/js/api/openapi.js?112"></script>
<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 0, width: "220", height: "400", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 71209772);
</script>
перенести сразу после строк

{%IFNOT catalog_full_empty%}
			  {%FOR catalog_full%}
				{% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %}
			   <li  {% IF catalog_full.HIDE %}style="display:none;" {% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ELSEIF catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
				  <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a>
				{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
				{% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
			  {%ENDFOR%}
			{%ENDIF%}
			<!-- /Каталог товаров -->


#13 Lenya

Lenya

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

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

Отправлено 10 Май 2014 - 14:42

вот что получилось,каталог ушёл вниз, под товары на главной http://cvety-kazan.storeland.ru/

#14 daria_dnk

daria_dnk

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

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

Отправлено 10 Май 2014 - 15:18

Просмотр сообщенияLenya (10 Май 2014 - 14:42) писал:

вот что получилось,каталог ушёл вниз, под товары на главной http://cvety-kazan.storeland.ru/
Указанная инструкция не могла привести к таким изменениям, пожалуйста отмените внесенные Вами изменения, после этого попробуем решить вопрос еще раз.

#15 Lenya

Lenya

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

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

Отправлено 10 Май 2014 - 15:41

вернул

#16 daria_dnk

daria_dnk

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

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

Отправлено 10 Май 2014 - 16:10

Просмотр сообщенияLenya (10 Май 2014 - 15:41) писал:

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

#17 Lenya

Lenya

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

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

Отправлено 10 Май 2014 - 16:20

Я уже запутался что и где.

Просмотр сообщенияdaria_dnk (10 Май 2014 - 09:50) писал:

Здравствуйте!
В шаблоне main.css попробуйте заменить строку
.block2 {margin-bottom: 20px;background: #fff;border-left: 1px solid #efefef;border-right: 1px solid #efefef;float:left;position: relative;width: 210px;width: 82%}
на
.block2 {margin-bottom: 20px;background: #fff;border-left: 1px solid #efefef;border-right: 1px solid #efefef;float:left;position: relative;width: 220px;}

А также код виджета
<script type="text/javascript" src="//vk.com/js/api/openapi.js?112"></script>
<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 0, width: "220", height: "400", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 71209772);
</script>
перенести сразу после строк

{%IFNOT catalog_full_empty%}
			 {%FOR catalog_full%}
			 {% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %}
			 <li {% IF catalog_full.HIDE %}style="display:none;" {% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ELSEIF catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
				 <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a>
			 {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
			 {% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
			 {%ENDFOR%}
		 {%ENDIF%}
		 <!-- /Каталог товаров -->
Если это вставляю, то меню съезжает вниз и растягивается во всю ширину страницы

#18 daria_dnk

daria_dnk

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

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

Отправлено 10 Май 2014 - 16:39

Просмотр сообщенияLenya (10 Май 2014 - 16:20) писал:

Я уже запутался что и где.
Если это вставляю, то меню съезжает вниз и растягивается во всю ширину страницы
Инструкция была изменена. Вам нужно код виджета перенести после строк
{%IFNOT catalog_full_empty%}
						 {%FOR catalog_full%}
						 {% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %}
						 <li {% IF catalog_full.HIDE %}style="display:none;" {% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ELSEIF catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
								 <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a>
						 {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
						 {% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
						 {%ENDFOR%}
				 {%ENDIF%}
				 <!-- /Каталог товаров -->
Все должно отображаться корректно. Затем нужно произвести изменения в main.css (чтобы выровнять ширину):
заменить строку
.block2 {margin-bottom: 20px;background: #fff;border-left: 1px solid #efefef;border-right: 1px solid #efefef;float:left;position: relative;width: 210px;width: 82%}
на

.block2 {margin-bottom: 20px;background: #fff;border-left: 1px solid #efefef;border-right: 1px solid #efefef;float:left;position: relative;width: 220px;}
Попробуйте так сделать. Сообщите о результатах.

#19 Lenya

Lenya

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

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

Отправлено 10 Май 2014 - 18:14

Всё получилось,спасибо))

#20 Lenya

Lenya

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

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

Отправлено 10 Май 2014 - 19:18

Как перенести эту картинку в указанное место? и чтоб при нажатии выходила группа VK

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

  • 123465.jpg






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

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

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