Сообщений в теме: 45

[Prostokurtki]

Здравствуйте!
Есть несколько вопросов.
1. Как передвинуть левое меню как на прикреплённом изображении.
2. Изменить размер слайдера как на прикреплённом изображении.
Получить нужную форму, положение и размер слайдера, только путём изменения размера картинки и процентным соотношением не получается  

  Пример кода с другой темы:

miyako (23 Октябрь 2013 - 13:31) писал:

Если Вы про уменьшение размеров слайдера, то найдите в style.css код -

.flexslider {
margin: 0 0 30px;
background: #fff;
border: 4px solid #fff;
position: relative;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
box-shadow: 0 1px 4px rgba(0,0,0,.2);
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
-o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
zoom: 1;
width: 80%;
margin: 0 auto;
}

и замените на  -

.flexslider {
margin: 0 0 30px;
background: #fff;
border: 4px solid #fff;
position: relative;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
box-shadow: 0 1px 4px rgba(0,0,0,.2);
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
-o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
zoom: 1;
width: 80%; - вот этой строчкой меняется только процентное соотношение, а нужны конкретные размеры(это написал уже я,в цитате этого не было).
margin: 0 auto;
}

width: 80%; - ширина 80 процентов

3. Как сделать верхнее меню примерно в таком стиле как на изображении.
Не нужно делать именно так, но хотелось бы знать общую методику редактирования обоих меню(левого и верхнего)
4. На место логотипа вставить картинку.
P.S : Если не трудно, то можно ещё пояснять методику изменений(что бы я понял как это работает :-) )
Заранее спасибо!

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

• 

[Prostokurtki]

Ещё вопросы:
1,2 - Как в указанных местах вставлять нужную фоновою картинку(поверх основного фона), для лучшей читаемости.
Как бы два блока, каждый со своей фоновой картинкой, в 1 соответственно нужный текст на выбранном фоне, а в 2 просмотренные товары. Если можно ,пишите ещё методику изменений.Или где это было описано.

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

• 

[ne_yana]

Prostokurtki (02 Декабрь 2013 - 12:07) писал:

Здравствуйте!
Есть несколько вопросов.
1. Как передвинуть левое меню как на прикреплённом изображении.
2. Изменить размер слайдера как на прикреплённом изображении.
Получить нужную форму, положение и размер слайдера, только путём изменения размера картинки и процентным соотношением не получается  

  Пример кода с другой темы:



3. Как сделать верхнее меню примерно в таком стиле как на изображении.
Не нужно делать именно так, но хотелось бы знать общую методику редактирования обоих меню(левого и верхнего)
4. На место логотипа вставить картинку.
P.S : Если не трудно, то можно ещё пояснять методику изменений(что бы я понял как это работает :-) )
Заранее спасибо!

Здравствуйте,
1,2. В разделе Сайт - Редактор шаблонов - HTML найдите и удалите

{% IF index_page %}
	 <div class="flexslider" id="autumn-slider">
	 <ul class="slides">
	 <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide1new.jpg"></a></li>
	 <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide1.jpg"></a></li>
	 <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide2.jpg"></a></li>
	 </ul>
	 </div>
{% ENDIF %}

вставьте этот код после

	 <div class="column two-third">

4. Загрузите свой логотип под названием logo.png, заменив уже имеющийся на сайте.

[ne_yana]

Prostokurtki (02 Декабрь 2013 - 12:23) писал:

Ещё вопросы:
1,2 - Как в указанных местах вставлять нужную фоновою картинку(поверх основного фона), для лучшей читаемости.
Как бы два блока, каждый со своей фоновой картинкой, в 1 соответственно нужный текст на выбранном фоне, а в 2 просмотренные товары. Если можно ,пишите ещё методику изменений.Или где это было описано.

В файле style.css замените
для недавно просмотренных товаров:

#recently_viewed {
display: block;
float: left;
}

на

#recently_viewed {
display: block;
float: left;
background: white;
}

для текста добавьте:

.column.two-third {
background: white;
}

Вместо белого можно указать любой цвет или установить картинку, прописав фон в виде:

background: url("{ASSETS_IMAGES_PATH}имя изображения");

Предварительно закачав этот файл на сайт.

[Prostokurtki]

Спасибо!
Буду ждать ответов на остальные вопросы)
Еще хотел узнать каким образом (изначально задуманным) нужно изменять размер слайдера?

[Prostokurtki]

Немного испортил
Сделал вот так(не очень понял куда вставлять, сделал по своему усмотрению)
для текста добавьте:
.column.two-third {
background: white;
}
Вставил вот сюда:

#wrapper{width:100%}
.container{width:1200px;margin:0 auto}
.content.container{margin-top:25px;margin-bottom:50px;min-height:500px}
.category-title h1{display:block}
.column,.columns{float:left;margin:0 15px}
.column#header{margin:0;}
.full{width:100%}
.two-third .column {margin:0;}

.column.two-third {
  background: white;}   - вот моя вставка

.half{width:570px}
.one-third{width:210px;float:left}

Получилось вот так:

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

• 

[Vaccina]

3.Как понимаю, вы хотите сделать горизонтальный выпадающий каталог.
Вам возможно поможет сл.тема с инструкцией:
http://forum.storela...ыпадающее-меню/

.column.two-third {
background: white;
}

замените на:

.rte {
background: white;
}

[Prostokurtki]

Спасибо.

[Prostokurtki]

Здравствуйте!
Есть ещё вопросы

1 и 2 - Как вставить картинку.

3 - как вставить ленту новостей
4 - как  вставить рекламный блок(картинку - ссылку)
5 - после прокрутки вниз, начинался список товаров

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

• 
• 

[Prostokurtki]

6,7,8 - как изменять цвет(или фоновое изображение)
и в 6 сделать меню по центру
Заранее спасибо!

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

• 

[alisa]

после этих действий  баннер стал очень большой. как это исправить?
В разделе Сайт - Редактор шаблонов - HTML найдите и удалите
{% IF index_page %}
<div class="flexslider" id="autumn-slider">
<ul class="slides">
<li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide1new.jpg"></a></li>
<li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide1.jpg"></a></li>
<li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide2.jpg"></a></li>
</ul>
</div>
{% ENDIF %}
вставьте этот код после

<div class="column two-third">

[miyako]

Prostokurtki (03 Декабрь 2013 - 13:02) писал:

Здравствуйте!
Есть ещё вопросы

1 и 2 - Как вставить картинку.

3 - как вставить ленту новостей
4 - как  вставить рекламный блок(картинку - ссылку)
5 - после прокрутки вниз, начинался список товаров

Найдите в разделе Сайт - Редактор шаблонов - слева список - Изображения - header-top-bg.png
удалите, затем загрузите Ваше изображение размером - 1300px на 141 с названием  header-top-bg в формате png

[Prostokurtki]

Спасибо!
Жду ответов на остальные вопросы.

[alisa]

ne_yana (02 Декабрь 2013 - 12:25) писал:

Здравствуйте,
1,2. В разделе Сайт - Редактор шаблонов - HTML найдите и удалите

{% IF index_page %}
	 <div class="flexslider" id="autumn-slider">
	 <ul class="slides">
	 <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide1new.jpg"></a></li>
	 <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide1.jpg"></a></li>
	 <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide2.jpg"></a></li>
	 </ul>
	 </div>
{% ENDIF %}

вставьте этот код после

	 <div class="column two-third">

4. Загрузите свой логотип под названием logo.png, заменив уже имеющийся на сайте.

после выполнения пункта 1.2  баннер стал очень большого размера. Помогите исправить, пожалуйста.  аккаунт SL-242459

[Castiel]

alisa (03 Декабрь 2013 - 18:54) писал:

после выполнения пункта 1.2  баннер стал очень большого размера. Помогите исправить, пожалуйста.  аккаунт SL-242459

Удалите эту строку

<li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide1new.jpg"></a></li>

Если вы хотите добавить новый слайд, то вам необходимо загрузить картинку на сайт (Редактор шаблонов - добавить файлы), назвать картинку slide3.jpg
Далее найти

<div class="flexslider" id="autumn-slider">
		 <ul class="slides">
<li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide1.jpg"></a></li>
		 <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide2.jpg"></a></li>
		 </ul>
		 </div>

и добавить перед </ul>

<li><a href="#"><img src="{ASSETS_IMAGES_PATH}НАЗВАНИЕНОВОЙКАРТИНКИ.jpg"></a></li>

Если вы указываете в коде ссылку на изображение для слайдера, а само изображение не загружаете на сайт или указываете неверную ссылку, то у вас возникает проблема в виде огромной белой пустоты

[Prostokurtki]

Prostokurtki (03 Декабрь 2013 - 13:02) писал:

Здравствуйте!
Есть ещё вопросы

1 и 2 - Как вставить картинку.

3 - как вставить ленту новостей
4 - как  вставить рекламный блок(картинку - ссылку)
5 - после прокрутки вниз, начинался список товаров

Prostokurtki (03 Декабрь 2013 - 13:10) писал:

6,7,8 - как изменять цвет(или фоновое изображение)
и в 6 сделать меню по центру
Заранее спасибо!

3, 4,5,6,7,8 вопросы ,пожалуйста, можете ответить?

[Сake]

Большинство описываемых вами изменений представляют из себя проблему, так как у вас используется адаптивный дизайн. В рамках технической поддержки реализовать все это корректно к сожалению, не получиться. Думаю что вам необходимо пересмотреть используемую вами тему оформления. Судя по вашим изменениям вам бы лучше всего подошла бы тема оформления "Мокко". Тема "Мокко" не использует адаптивный дизайн и является фиксированной, в связи с этим большинство изменений ей доступны и не вызывают каких либо проблем при изменении размера окна браузера. Так же для темы "Мокко" уже ранее подобные вопросы рассматривались. Информацию вы сможете найти на нашем форуме используя поиск расположенный в шапке форума.

Отобразить каталог на главной странице вы можете путем изменения опции в разделе Сайт -> Главная страница. В данном разделе вам необходимо задать опцию главной страницы как каталог товаров.

[Prostokurtki]

Спасибо!

[ac-dream]

Сake (07 Декабрь 2013 - 03:42) писал:

Большинство описываемых вами изменений представляют из себя проблему, так как у вас используется адаптивный дизайн. В рамках технической поддержки реализовать все это корректно к сожалению, не получиться. Думаю что вам необходимо пересмотреть используемую вами тему оформления. Судя по вашим изменениям вам бы лучше всего подошла бы тема оформления "Мокко". Тема "Мокко" не использует адаптивный дизайн и является фиксированной, в связи с этим большинство изменений ей доступны и не вызывают каких либо проблем при изменении размера окна браузера. Так же для темы "Мокко" уже ранее подобные вопросы рассматривались. Информацию вы сможете найти на нашем форуме используя поиск расположенный в шапке форума.

Отобразить каталог на главной странице вы можете путем изменения опции в разделе Сайт -> Главная страница. В данном разделе вам необходимо задать опцию главной страницы как каталог товаров.

В целом понимаю, что должны быть какие-то элементарные поправки к коду, но абсолютно нет времени ковыряться и экспериментировать. Помогите, пожалуйста.
Как изменить левое меню в шаблоне Мокко таким образом:
(все пункты продублированы в СКРИНЕ для наглядности)
1. Для основного блока каталога установить в качестве фона картинку nav_bg_left.jpg, а сами наименования категорий сделать на белом закруглённом фоне, как в верхнем меню.
2а. Блок "ПО САМОЦВЕТУ", "ПО СТИЛЮ", "ПО ЦВЕТУ"  сделать не ссылкой, не так, как сейчас - (в контенте появляются подкатегории). В области контента ничего не должно измениться, просто слева должен раскрываться список категорий (так сейчас и есть).
2б. Количество товаров в скобках оставить только для подкатегорий.
2в. Сам блок опустить на 20px от основного меню.

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

• 

[Vaccina]

1. main.css фон попробуйте задать сл.блоку:

#primaryContent {
	padding: 0 0 40px;
	vertical-align: top;
	width: 750px;
}

сами товары\категории стилизуем в этом блоке:

.goodsListItemBlock {
	height: 300px;
	margin: 5px;
	overflow: hidden;
}

2а. Раскрывающиеся подкатегории без перезагрузки страницы:
http://forum.storela...-без-обновлени/
2б. В шаблоне HTML найдите:

{catalog.NAME}

после него вставьте:

{% IF catalog_full.LEVEL>0%}({catalog_full.GOODS_COUNT}){% ENDIF %}

2в.в main.css найдите:

#leftMenuBlock {
	margin: 0 20px 0 0;
	width: 170px;
}

замените на:

#leftMenuBlock {
	margin: 10px 20px 0 0;
	width: 170px;
}