Перейти к содержанию
Форум поддержки пользователей VamShop

Создание кликабельной картинки


Рекомендуемые сообщения

Я вставила в Основной шаблон следующие строчки:

<p style="text-align:left"><a href="мой путь к странице"><img src="{base_path}/img/мой рисунок.jpg" />

Подпись к картинке</a></p>

Всё бы ничего, но картинка просто огромная. Можно что - то прописать, чтобы она автоматически уменьшилась? Или надо задавать размеры при обработке в редакторе?

Ссылка на сообщение
Поделиться на другие сайты
8 часов назад, KiraA сказал:

Я вставила в Основной шаблон следующие строчки:

<p style="text-align:left"><a href="мой путь к странице"><img src="{base_path}/img/мой рисунок.jpg" />

Подпись к картинке</a></p>

Всё бы ничего, но картинка просто огромная. Можно что - то прописать, чтобы она автоматически уменьшилась? Или надо задавать размеры при обработке в редакторе?

Можно атрибуты width и height указать, но это не будет сжатие картинки, а просто будет выведена в указанные размеры.

Примерно так:

<p style="text-align:left"><a href="мой путь к странице"><img src="{base_path}/img/мой рисунок.jpg" width="100" height="100" />

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

Режутся картинки только если добавлять к товару, т.е. в админке грузить через закладку Картинки.

В других случаях автоматически картиники не режутся.

Ссылка на сообщение
Поделиться на другие сайты
  • 2 weeks later...

Добрый день! Вот, у меня есть картинка - ссылка: 

<p style="text-align:left"><a href="моя ссылка"><img src="{base_path}/img/моя картинка" /></a>

А, если надо разместить несколько картинок в одну горизонтальную линию, код абсолютно меняется?

Ссылка на сообщение
Поделиться на другие сайты
1 час назад, KiraA сказал:

Добрый день! Вот, у меня есть картинка - ссылка: 

<p style="text-align:left"><a href="моя ссылка"><img src="{base_path}/img/моя картинка" /></a>

А, если надо разместить несколько картинок в одну горизонтальную линию, код абсолютно меняется?

Ничего не меняется, просто по </a> добавляйте следующую картинку.

Ссылка на сообщение
Поделиться на другие сайты
3 часа назад, KiraA сказал:

Нет, так не получается. Отображается текст и неактивная картинка. Но в линии.

Неправильно значит вставили.

Вы ю хоть код показывали, что и как вставляете.

Ссылка на сообщение
Поделиться на другие сайты

Вот, как раз сейчас я разобралась. Да, я не полностью строку вставляла. Только у меня блоки очень близко располагаются друг к другу. 

Ссылка на сообщение
Поделиться на другие сайты
10 час назад, KiraA сказал:

Вот, как раз сейчас я разобралась. Да, я не полностью строку вставляла. Только у меня блоки очень близко располагаются друг к другу. 

Так добавьте пробел между картинками.

или тэг &nbsp;

Этот тэг - тоже самое, что и пробел.

Ссылка на сообщение
Поделиться на другие сайты
×
×
  • Создать...