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

[Antsupov Vyacheslav]

хочется также сделать каталог товаров как на приведённой картинке...
я выделил чёрным цветом...
Оставить хочу на месте, а вот именно само иозображение сделать как на картинке

И плюс к этому хоче расположить такую же штуку у себя на сайте)
помогите!
отметил в чёрный овал!

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

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

• 
• 

[Vaccina]

1.В main.css найдите:

#column-left .box .box-heading {
padding: 15px 0;
border-bottom: 1px solid #e1e1e1;
font-size: 20px;
font-weight: normal !important;
margin: 0 10px;
color: #666666;
}

замените на:

#column-left .box .box-heading {
  background: #30c013;
  border-bottom: 1px solid #e1e1e1;
  color: #fff;
  font-size: 20px;
  font-weight: normal !important;
  margin: 0;
  padding: 15px;
}

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

.box-category > ul > li > a {
  color: #333;
  display: block;
  padding: 10px 28px 10px 10px;
  text-decoration: none;
  transition: all 0.5s ease 0s;
}

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

.box-category > ul > li > a {
  background: #ccc;
  color: #333;
  display: block;
  padding: 10px 28px 10px 10px;
  text-decoration: none;
  transition: all 0.5s ease 0s;
}

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

<!-- Каталог товаров -->		 
		  {%IFNOT catalog_full_empty%}
			<div class="box">
			  <div class="box-heading">Каталог</div>
			  <div class="box-content">
				<div class="box-category">
				  {%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%}
				</div>
			  </div>
			</div>
		  {%ENDIF%}
		  <!-- /Каталог товаров -->

вставьте:

<a href="ссылка куда ведет при клике"><img src="ссылка на картинку" alt="" /></a>

[Antsupov Vyacheslav]

Vaccina (28 Февраль 2015 - 04:34) писал:

1.В main.css найдите:

#column-left .box .box-heading {
padding: 15px 0;
border-bottom: 1px solid #e1e1e1;
font-size: 20px;
font-weight: normal !important;
margin: 0 10px;
color: #666666;
}

замените на:

#column-left .box .box-heading {
background: #30c013;
border-bottom: 1px solid #e1e1e1;
color: #fff;
font-size: 20px;
font-weight: normal !important;
margin: 0;
padding: 15px;
}

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

.box-category > ul > li > a {
color: #333;
display: block;
padding: 10px 28px 10px 10px;
text-decoration: none;
transition: all 0.5s ease 0s;
}

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

.box-category > ul > li > a {
background: #ccc;
color: #333;
display: block;
padding: 10px 28px 10px 10px;
text-decoration: none;
transition: all 0.5s ease 0s;
}

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

<!-- Каталог товаров -->		
		 {%IFNOT catalog_full_empty%}
		 <div class="box">
			 <div class="box-heading">Каталог</div>
			 <div class="box-content">
			 <div class="box-category">
				 {%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%}
			 </div>
			 </div>
		 </div>
		 {%ENDIF%}
		 <!-- /Каталог товаров -->

вставьте:

<a href="ссылка куда ведет при клике"><img src="ссылка на картинку" alt="" /></a>

Вроде всё хорошо... но картинка не высвечивается... ссылку на переход вставил всё хорошо, но картинка не отображается...

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

• 

[Vaccina]

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

[Antsupov Vyacheslav]

Vaccina (04 Март 2015 - 01:45) писал:

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

как правильно указать его надо?? Путь?
Я загрузил картинку в шаблон , добавил её. затем после этого вместо "ccлыка на картинку" вставил имя картинки

[Dars]

Antsupov Vyacheslav (04 Март 2015 - 17:54) писал:

как правильно указать его надо?? Путь?
Я загрузил картинку в шаблон , добавил её. затем после этого вместо "ccлыка на картинку" вставил имя картинки

В шаблоне HTML найдите строку:

		  <a href="http://vk.com/allinclusive74"><img src="images.jpg"alt="" /></a>

и замените её на:

		  <a href="http://vk.com/allinclusive74"><img src="{ASSETS_IMAGES_PATH}images.jpg"alt="" /></a>

[Antsupov Vyacheslav]

спасибо! помогло
Но вот только если через сотовый заходить, то картинка не показывается...
с сотового вот так
а должно быть так

[Cupuyc]

Antsupov Vyacheslav (05 Март 2015 - 09:33) писал:

спасибо! помогло
Но вот только если через сотовый заходить, то картинка не показывается...
с сотового вот так 9XtPaW5FSH4.jpg
а должно быть так Безымянный.png

Очистите кэш браузера мобильного устройства

[Antsupov Vyacheslav]

Cupuyc (05 Март 2015 - 10:25) писал:

Очистите кэш браузера мобильного устройства

Всё хорошо) спасибо!