6 replies to this topic

[feedmy.name]

День добрый, необходимо добавить свой класс к картинке категории и главной странице.

 

к картинкам по умолчанию у меня получилось добавить.

 

http://yadi.sk/d/J9PDaSH7RjbaR

 

сайт\media\zoo\applications\jbuniversal\elements\jbimage\jbimage.php

 

в файле jbimage.php

 

сам класс inputdanbox paddeddan

// render layout
        if ($image && $layout = $this->getLayout('jbimage-' . $template . '.php')) {
            return $this->renderLayout($layout, array(
                    'imageAttrs' => $this->_buildAttrs(array(
                            'class'  => 'jbimage inputdanbox paddeddan',
                            'alt'    => $alt,
                            'title'  => $title,
                            'src'    => $image->url,
                            'width'  => $image->width,
                            'height' => $image->height,
                        )),
                    'linkAttrs'  => $this->_buildAttrs(array(
                            'class'  => 'jbimage-link ' . $appendClass,
                            'title'  => $title,
                            'href'   => $url,
                            'rel'    => $rel,
                            'target' => $target,
                            'id'     => uniqid('jbimage-link-'),
                        )),
                    'link'       => $url,
                    'image'      => $image,
                )
            );
        }

а где собственно править шаблон категории? и главной страницы?

 

media/zoo/applications/jbuniversal/templates/catalog/renderer/category/_default.php  - тут?

// no direct access
defined('_JEXEC') or die('Restricted access');


$this->app->jbdebug->mark('layout::category::start');

// set vars
$category = $vars['object'];
$title = $this->app->string->trim($vars['params']->get('content.category_title', ''));
$subTitle = $this->app->string->trim($vars['params']->get('content.category_subtitle', ''));
$image = $this->app->jbimage->get('category_image', $vars['params']);

$title = $title ? $title : $category->name;

if ((int)$vars['params']->get('template.category_show', 1)) : ?>
    <div class="category rborder alias-<?php echo $category->alias; ?>">

        <?php if ((int)$vars['params']->get('template.category_title_show', 1)) : ?>
            <h1 class="title"><?php echo $title; ?></h1>
        <?php endif; ?>


        <?php if ((int)$vars['params']->get('template.category_subtitle', 1) && !empty($subTitle)) : ?>
            <h2 class="subtitle"><?php echo $subTitle; ?></h2>
        <?php endif; ?>


        <?php if ((int)$vars['params']->get('template.category_image', 1) && $image['src']) : ?>
            <div class="inputdanbox paddeddan image-full align-<?php echo $vars['params']->get('template.category_image_align', 'left'); ?>">
                <img src="<?php echo $image['src']; ?>" <?php echo $image['width_height']; ?>
                     title="<?php echo $category->name; ?>" alt="<?php echo $category->name; ?>"/>
            </div>
        <?php endif; ?>


        <?php if ((int)$vars['params']->get('template.category_teaser_text', 1) && $vars['params']->get('content.category_teaser_text', '')) : ?>
            <div class="description-teaser">
                <?php echo $vars['params']->get('content.category_teaser_text', ''); ?>
            </div>
        <?php endif; ?>


        <?php if ((int)$vars['params']->get('template.category_text', 1) && $category->description) : ?>
            <div class="description-full"><?php echo $category->getText($category->description); ?></div>
        <?php endif; ?>


        <div class="clr clear"></div>
    </div>

<?php else: ?>

    <div class="category alias-<?php echo $category->alias; ?>">
        <?php if ((int)$vars['params']->get('template.category_title_show', 1)) : ?>
            <h1 class="title"><?php echo $title; ?></h1>
        <?php endif; ?>
    </div>

<?php endif; ?>

<?php
$this->app->jbdebug->mark('layout::category::finish');

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

http://yadi.sk/d/J9PDaSH7RjbaR

 

http://feedmy.name/m...in/zelenyj-chaj - ссылка на категорию.

 

спс.

[ripcord]

Можно поправить

http://feedmy.name/t...ss/template.css

.inputdanbox IMG:hover
{
	background: #F8F8F8;
	border: 1px solid #4D93B3;
	-webkit-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
}
.paddeddan IMG
{
	cursor: pointer;
	border: 1px solid #DADADA;
	padding: 0;
	-webkit-box-shadow: 0 0 17px #4d93b3;
	-moz-box-shadow: 0 0 17px #4d93b3;
	box-shadow: 0 0 17px #4D93B3;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 10px;
	margin: 2px 12px 3px 0;
	position: relative;
}

[feedmy.name]

тогда оно поправит все картинки в один и тот же класс?)

 

пробовал через шаблон задавать. тогда в виджеткитах вылазит а оно там не нужно)

 

сейчас попробую Ваш вариант, спс!

Edited by feedmy.name, 30 May 2014 - 18:45.

[ripcord]

тогда оно поправит все картинки в один и тот же класс?)

 

Нет, только те, что у Вас на скриншотах в зеленой рамке

__________

 

ЗЫ.  Не сразу удалось постичь художественный замысел, все же будет правильно сделать так:

.inputdanbox IMG:hover, IMG.inputdanbox:hover
{
	background: #F8F8F8;
	border: 1px solid #4D93B3;
	-webkit-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
}
.paddeddan IMG, IMG.paddeddan
{
	cursor: pointer;
	border: 1px solid #DADADA;
	padding: 0;
	-webkit-box-shadow: 0 0 17px #4d93b3;
	-moz-box-shadow: 0 0 17px #4d93b3;
	box-shadow: 0 0 17px #4D93B3;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 10px;
	margin: 2px 12px 3px 0;
	position: relative;
}

Edited by ripcord, 30 May 2014 - 18:56.

[feedmy.name]

спс добрый человек сейчас после ужина опробую ваш рецепт это получается псевдокласс?)

[ripcord]

это получается псевдокласс?

 

"hover" уже был до меня, если Вы о нем

[feedmy.name]

Спасибо Вам! поправил файл tamplate.css по Вашей рекомендации! и добавил эти классы в /media/zoo/applications/jbuniversal/templates/catalog/renderer/category/_default.php

<?php if ((int)$vars['params']->get('template.category_image', 1) && $image['src']) : ?>
            <div class="inputdanbox IMG paddeddan IMG image-full align-<?php echo $vars['params']->get('template.category_image_align', 'left'); ?>">
                <img src="<?php echo $image['src']; ?>" <?php echo $image['width_height']; ?>
                     title="<?php echo $category->name; ?>" alt="<?php echo $category->name; ?>"/>
            </div>
        <?php endif; ?>

может кому пригодится : )

 

зы для главной страничке тоже пологаю покатит попробую отпишу!

Edited by feedmy.name, 02 June 2014 - 11:16.