Jump to content
Sign in to follow this  
hot1k

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

Recommended Posts

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

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

Share this post


Link to post
Share on other sites

display:inline

Share this post


Link to post
Share on other sites

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;

}

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

{

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

}

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Решилось добавлением <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

Share this post


Link to post
Share on other sites

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

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

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

Share this post


Link to post
Share on other sites

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

323.jpg

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

Share this post


Link to post
Share on other sites
Guest
This topic is now closed to further replies.
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.