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

[Евгений Ковалев]

Здравствуйте.
Мой магазин http://xochu-tebya.ru/
Скажите, пожалуйста, как реализовать в магазине на страницах товаров блоки-ссылки:
Сейчас так:


Нужно сделать так:


Спасибо.
С уважением, Евгений.

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

• 
• 

[Vaccina]

Сайт - Редактор тем - Товар - после блока с доставкой вставьте код сл.вида:
<div style="background:red;"><a href="ссылка для перехода на новую страницу">текст внутри данной кнопки</a></div>
<div><a href="ссылка для перехода на новую страницу"><img src="ссылка на картинку" /></a></div>
<div><a href="ссылка для перехода на новую страницу"><img src="ссылка на картинку" /></a></div>

Далее остается отредактировать информацию внутри блоков.

[Евгений Ковалев]

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

[lovemoney]

Здоровья вам !! Вопрос аналогичен с предыдущим, но для меня не понятен момент как отредактировать информацию внутри блоков. Для моей ситуации тоже самое нужно проделать ?? Поясните пожалуйста как нужно отредактировать информацию в блоках чтобы все ровно встало.

Сейчас у меня так



хочу чтобы было так



чтобы при наведении курсора мыши всплывала информация о счетах

[miyako]

lovemoney (18 Сентябрь 2013 - 10:37) писал:

Здоровья вам !! Вопрос аналогичен с предыдущим, но для меня не понятен момент как отредактировать информацию внутри блоков. Для моей ситуации тоже самое нужно проделать ?? Поясните пожалуйста как нужно отредактировать информацию в блоках чтобы все ровно встало.

Сейчас у меня так

Безымянный5.png

хочу чтобы было так

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

чтобы при наведении курсора мыши всплывала информация о счетах

Безымянный.png
Безымянный3.png

У Вас загружены иконки ? "Сравнить" скорее всего не получится сделать через галочку, останется ссылкой.
Можете сообщить с какого сайта/сервиса этот скриншот?

[lovemoney]

miyako (18 Сентябрь 2013 - 12:13) писал:

У Вас загружены иконки ? "Сравнить" скорее всего не получится сделать через галочку, останется ссылкой.
Можете сообщить с какого сайта/сервиса этот скриншот?

Иконки надо загружать через редактор шаблонов нажав на кнопку добавить ?? Название они могут любое носить ??
Сайт с которого взят скриншот - http://shopchik.com/...sistive-screen-

[Сake]

Да, изображения для дизайна - необходимо загружать в разделе редактора тем. Название могут носить любое, желательно написанное латиницей.

В качестве каркаса можно использовать следующий код

<table class="prd-block">
	<tr>
	 <td>Почта России - Доставка из Китая.</td>
  <td>предоплата 100%</td>
</tr>
<tr>
	 <td>Оплатить можно:</td>
  <td>1 год гарантии</td>
</tr>
<tr>
	 <td>Цена:</td>
  <td>Кнопки</td>
</tr>
</table>

который вы можете вставить в шаблон "Товар" после строки

<td class="goodsDataMainDeliveryBlock" colspan="2">

в качестве стилей для каркаса можно использовать

.prd-block {
	background: #F3F0EB;
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 6px;
	color: #000;
}
.prd-block td {
	padding: 5px;
}
.prd-block tr:nth-of-type(1) td:nth-of-type(1) {
	background: #F5EABC;
	border-radius: 6px 0 0 0;
}
.prd-block tr:nth-of-type(1) td:nth-of-type(2) {
	background: #F5EABC;
	border-radius: 0 6px 0 0;
}
.prd-block tr:nth-of-type(2) td {
	border-bottom: 1px solid #D7D6D6;
}
.prd-block tr:nth-of-type(2) td:nth-of-type(1) {
	border-right: 1px solid #FFF;
}
.prd-block tr:nth-of-type(2) td:nth-of-type(2) {
	border-left: 1px solid #D7D6D6;
}
.prd-block tr:nth-of-type(3) td {
	border-top: 1px solid #FFF;
}

данные стили вам необходимо вставлять в файл стилей main.css

[lovemoney]

Сake (19 Сентябрь 2013 - 01:21) писал:

Да, изображения для дизайна - необходимо загружать в разделе редактора тем. Название могут носить любое, желательно написанное латиницей.

В качестве каркаса можно использовать следующий код

<table class="prd-block">
<tr>
	 <td>Почта России - Доставка из Китая.</td>
<td>предоплата 100%</td>
</tr>
<tr>
	 <td>Оплатить можно:</td>
<td>1 год гарантии</td>
</tr>
<tr>
	 <td>Цена:</td>
<td>Кнопки</td>
</tr>
</table>

который вы можете вставить в шаблон "Товар" после строки

<td class="goodsDataMainDeliveryBlock" colspan="2">

в качестве стилей для каркаса можно использовать

.prd-block {
background: #F3F0EB;
width: 100%;
border-collapse: separate;
border-spacing: 0;
border-radius: 6px;
color: #000;
}
.prd-block td {
padding: 5px;
}
.prd-block tr:nth-of-type(1) td:nth-of-type(1) {
background: #F5EABC;
border-radius: 6px 0 0 0;
}
.prd-block tr:nth-of-type(1) td:nth-of-type(2) {
background: #F5EABC;
border-radius: 0 6px 0 0;
}
.prd-block tr:nth-of-type(2) td {
border-bottom: 1px solid #D7D6D6;
}
.prd-block tr:nth-of-type(2) td:nth-of-type(1) {
border-right: 1px solid #FFF;
}
.prd-block tr:nth-of-type(2) td:nth-of-type(2) {
border-left: 1px solid #D7D6D6;
}
.prd-block tr:nth-of-type(3) td {
border-top: 1px solid #FFF;
}

данные стили вам необходимо вставлять в файл стилей main.css

загрузил иконки, добавил каркас,в main.css куда надо вставлять? вставил в самый конец, ибо не знаю куда пихать данный код. Вот что у меня из всего из этого вышло

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

• 

[shnafix]

lovemoney (19 Сентябрь 2013 - 12:55) писал:

загрузил иконки, добавил каркас,в main.css куда надо вставлять? вставил в самый конец, ибо не знаю куда пихать данный код. Вот что у меня из всего из этого вышло

Чтобы сместить артикул под название товара в Редакторе шаблонов -> Товар найдите блок, следующего содержания

<td>
		<div class="goodsDataMainModificationArtNumber" itemprop="identifier">
		 ...
  </td>

и вставьте перед ним код:

</tr><tr>

[Сake]

Судя по тому изображению которое вы приложили - у вас не применяются стили. Возможно вы некорректно их вставили. Вставить можно было в самый конец main.css файла. Если использовать предложенный код то должно получиться