Перейти к содержанию
hot1k

Вывод категорий в модуле Category Wall

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

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

Модуль Category Wall для версии 1.5.3.1

Поделиться сообщением


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

display:inline

не помогло

так описан модуль в stylesheet.css:

/*categoryhome*/

.box-product .yoz:hover {

opacity:0.5; /* FF, Opera, Safari, Chrome */

}

.box-product .yoz {

opacity: 0.9;

margin: 5px;

-webkit-box-shadow: 0px 0px 9px 1px rgba(1, 1, 1, 0.5);

box-shadow: 0px 0px 9px 1px rgba(1, 1, 1, 0.5);

padding: 5px;

border: 0px double #CCCCCC;

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

display:inline-block;

}

Поделиться сообщением


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

cсылку на обьект (сайт) пожалуйста...

Поделиться сообщением


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

cсылку на обьект (сайт) пожалуйста...

Ресурс сейчас к сожалению на локальном хостинге, но могу предоставить любую информацию.

Поделиться сообщением


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

добавил (float: left;), получается такая белиберда как на скрине. Подскажите решение этой проблемы

Поделиться сообщением


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

сложно играться с css, проще залейте на хостинг какой то и там разобрать можно, а вот угадывать сложно, примените к ДИВу что то типа:

{

  • width: 95px;
  • display: inline-block;
  • vertical-align: top;
  • margin-right: 20px;
  • margin-bottom: 20px;

}

Поделиться сообщением


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

Чем закончилось? Настроили? Тоже предстоит это)

Поделиться сообщением


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

Решилось добавлением <div class="spisok"> в файл categoryhome.tpl выглядит так:

<div class="box">

<div class="box categoryhome">

<div class="box-heading"><?php echo $heading_title; ?></div>

<div class="box-content">

<div class="box-product">

<?php foreach ($categoryhome as $categoryhome) { ?>

<div class="spisok">

<div class="yoz"><a href="<?php echo $categoryhome['href']; ?>"><img src="<?php echo $categoryhome['thumb']; ?>" alt="<?php echo $categoryhome['name']; ?>" border="1" title="<?php echo $categoryhome['name']; ?>" /></a></div>

<div class="name"><a href="<?php echo $categoryhome['href']; ?>"><?php echo $categoryhome['name']; ?></a></div>

</div>

<?php } ?>

</div>

</div>

</div>

Далее в файл stylesheet.css добавление:

.spisok {

display:inline-block;

width: 110px;

height:150px;

}

Стало выглядеть:

/*categoryhome*/

.box-product .yoz:hover {

opacity:0.5; /* FF, Opera, Safari, Chrome */

}

.spisok {

display:inline-block;

width: 110px;

height:150px;

}

.box-product .yoz {

opacity: 0.9;

margin: 10px 0 0 5px;

-webkit-box-shadow: 0px 0px 9px 1px rgba(1, 1, 1, 0.5);

box-shadow: 0px 0px 9px 1px rgba(1, 1, 1, 0.5);

padding: 0px;

border: 0px double #CCCCCC;

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

display: inline-block;

}

  • +1 1

Поделиться сообщением


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

вау опробуем респект)

А в админке как настроить?

Дайте ссылку на модуль, в нете трудно найти

Поделиться сообщением


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

помогите решить проблему плиз :(

323.jpg

post-677226-0-85482700-1388697067_thumb.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Гость
Эта тема закрыта для публикации ответов.

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.