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

[ooosik]

Сake (21 Ноябрь 2013 - 00:08) писал:

Найдите в файле стилей style.css

#left-column #views_block {
background: none repeat scroll 0 0 #FFFFFF;
border-radius: 2px;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.094), 0 1.5px 1.5px 0 rgba(0, 0, 0, 0.2), 0 2px 1.5px 0 rgba(0, 0, 0, 0.1);
margin-top: 15px;
padding: 8px 4px;
}

и замените на

#left-column #views_block {
margin-top: 15px;
padding: 8px 4px;
}

далее найдите

#left-column #thumbs_list {
float: left;
margin: 0;
overflow: hidden;
width: 410px;
}

и замените на

#left-column #thumbs_list {
float: left;
margin: 0;
width: 410px;
}

далее найдите

#left-column #thumbs_list li {
cursor: pointer;
float: left;
height: 54px;
margin: 0 4px;
}

и замените на

#left-column #thumbs_list li {
background: #FFFFFF;
border-radius: 2px;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.094), 0 1.5px 1.5px 0 rgba(0, 0, 0, 0.2), 0 2px 1.5px 0 rgba(0, 0, 0, 0.1);
cursor: pointer;
float: left;
height: 54px;
margin: 0 4px;
padding: 5px;
}

Получилось, только они теперь некрасиво располагаются в галерее, я думаю потому что сами изображения разного размера, как сделать так чтобы превьюшки в галерее изображений товара отображались все одного размера, и еще несколько вопросов:
1. я зметила, что при увеличении изображения товара не отображается информация по изображению товара, а раньше она отображалась, но растягивалась на всю страницу, как сделать, чтобы информация отображалась полностью и растягивалось только по содержимому, но не больше длины изображения, и как из названия убрать слово "Увеличить...."


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

[Flor@@]

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

[ooosik]

otdyh-i-son.ru (22 Ноябрь 2013 - 15:45) писал:

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

извините за праздное любопытство, а почему именно по двойному клику а не по одному?

[Flor@@]

ooosik (22 Ноябрь 2013 - 16:48) писал:

извините за праздное любопытство, а почему именно по двойному клику а не по одному?

вы правы, по одному клику..

[ooosik]

Модераторы, можно ответить уже больше недели висит

ooosik (22 Ноябрь 2013 - 11:20) писал:

Получилось, только они теперь некрасиво располагаются в галерее, я думаю потому что сами изображения разного размера, как сделать так чтобы превьюшки в галерее изображений товара отображались все одного размера, и еще несколько вопросов:
1. я зметила, что при увеличении изображения товара не отображается информация по изображению товара, а раньше она отображалась, но растягивалась на всю страницу, как сделать, чтобы информация отображалась полностью и растягивалось только по содержимому, но не больше длины изображения, и как из названия убрать слово "Увеличить...."
Untitled_2.JPG

2.как уменьшить длину окошка размера изображения, чтобы оно было строго по ширине содержимого текста, как количество товара например
Untitled.JPG

[Сake]

1. Найдите в шаблоне "Товар" код

{% IF GOODS_IMAGE_EMPTY %}
								  <img src="{ASSETS_IMAGES_PATH}no-photo-medium.png" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}"  class="thumbnail"/>
								{% ELSE %}
								  <a itemprop="image" href="{GOODS_IMAGE_LARGE}" title="Увеличить {GOODS_NAME}" id="zoom1">
												<img src="{GOODS_IMAGE_MEDIUM}" title="{GOODS_NAME}" alt="{GOODS_NAME}" id="image">
								  </a>
								{% ENDIF %}

и замените его на

{% IF GOODS_IMAGE_EMPTY %}
	<img src="{ASSETS_IMAGES_PATH}no-photo-medium.png" alt="{GOODS_IMAGE_NAME}" title="{GOODS_IMAGE_NAME}"  class="thumbnail"/>
								{% ELSE %}
								  <a itemprop="image" href="{GOODS_IMAGE_LARGE}" title="{GOODS_IMAGE_NAME}" id="zoom1">
												<img src="{GOODS_IMAGE_MEDIUM}" title="{GOODS_IMAGE_NAME}" alt="{GOODS_IMAGE_NAME}" id="image">
								  </a>
								{% ENDIF %}

2. Найдите и удалите в файле стилей style.css класс

#right-column #attributes select {
	width: 100%;
}

[ooosik]

Сake (29 Ноябрь 2013 - 01:18) писал:

1. Найдите в шаблоне "Товар" код

{% IF GOODS_IMAGE_EMPTY %}
								 <img src="{ASSETS_IMAGES_PATH}no-photo-medium.png" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}" class="thumbnail"/>
							 {% ELSE %}
								 <a itemprop="image" href="{GOODS_IMAGE_LARGE}" title="Увеличить {GOODS_NAME}" id="zoom1">
											 <img src="{GOODS_IMAGE_MEDIUM}" title="{GOODS_NAME}" alt="{GOODS_NAME}" id="image">
								 </a>
							 {% ENDIF %}

и замените его на

{% IF GOODS_IMAGE_EMPTY %}
<img src="{ASSETS_IMAGES_PATH}no-photo-medium.png" alt="{GOODS_IMAGE_NAME}" title="{GOODS_IMAGE_NAME}" class="thumbnail"/>
							 {% ELSE %}
								 <a itemprop="image" href="{GOODS_IMAGE_LARGE}" title="{GOODS_IMAGE_NAME}" id="zoom1">
											 <img src="{GOODS_IMAGE_MEDIUM}" title="{GOODS_IMAGE_NAME}" alt="{GOODS_IMAGE_NAME}" id="image">
								 </a>
							 {% ENDIF %}

2. Найдите и удалите в файле стилей style.css класс

#right-column #attributes select {
width: 100%;
}

Спасибо, но информация о товаре все равно растягивается на весь экран, как сделать чтобы отображалось только на длину увеличенного изображения

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

• 

[ooosik]

И еще подскажите пожалуйста как привязать изображение к характеристике (модификации товара) например выбираем модификацию ДЕКОР, где добавляем декор товара (цветы, радуга, плетенка и т.д.), также имеются соответствующие изображения товара, как сделать чтобы при выборе декора автоматически отображалось соответствующее изображение

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

• 

[Koderhan]

ooosik (29 Ноябрь 2013 - 08:24) писал:

И еще подскажите пожалуйста как привязать изображение к характеристике (модификации товара) например выбираем модификацию ДЕКОР, где добавляем декор товара (цветы, радуга, плетенка и т.д.), также имеются соответствующие изображения товара, как сделать чтобы при выборе декора автоматически отображалось соответствующее изображение

К сожалению возможности привязать модификацию к картинке пока что нет. Вы можете только написать в описание к модификации товара html код который будет ссылаться на изображение. Например:

<img src="адрес изображения" alt="описание изображения" />

http://htmlbook.ru/html/img

[ooosik]

Сake ответьте пожалуйста:

ooosik (29 Ноябрь 2013 - 08:12) писал:

Спасибо, но информация о товаре все равно растягивается на весь экран, как сделать чтобы отображалось только на длину увеличенного изображения

ooosik (29 Ноябрь 2013 - 08:24) писал:

И еще подскажите пожалуйста как привязать изображение к характеристике (модификации товара) например выбираем модификацию ДЕКОР, где добавляем декор товара (цветы, радуга, плетенка и т.д.), также имеются соответствующие изображения товара, как сделать чтобы при выборе декора автоматически отображалось соответствующее изображение

[Сake]

Попробуйте в файл стилей style.css добавить

.fancybox-title-float-wrap {
  top: 102%;
  bottom: inherit !important;
}
.fancybox-title-float-wrap .child {
  white-space: inherit !important;
}

Цитата

И еще подскажите пожалуйста как привязать изображение к характеристике (модификации товара) например выбираем модификацию ДЕКОР, где добавляем декор товара (цветы, радуга, плетенка и т.д.), также имеются соответствующие изображения товара, как сделать чтобы при выборе декора автоматически отображалось соответствующее изображение

Изображения вы можете вставлять в описание к модификации в виде тега <img>. Об этом вам уже сообщил модератор ранее. Данные изображения будут дополнительными изображениями, а не основными.

[Anastezia]

Здравствуйте! Как мне решить проблему смещения сайта в право после нажатия на картинку и её увеличения?

[Сake]

Добавьте в ваш файл стилей style.css

html {
  overflow: visible !important;
}
.fancybox-lock .fancybox-overlay {
  overflow-x: auto !important;
  overflow-y: auto !important;
}

[Anastezia]

Спасибо! Получилось.