Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
  • Sign Up

Recommended Posts

Сделал меню категорий постоянно раскрытым, теперь хочется выделить основные пункты жирным шрифтом.

В CSS такое сделать не смог, поскажите пожалуйста как сделать такое

post-4487-0-11772300-1297338560_thumb.jpg

Link to post
Share on other sites

Покажите, как формируется этот список (код из контроллера модуля).

Напишите, что пытались делать в css.

Link to post
Share on other sites

Вот код:

<?php  
class ControllerModuleCategory extends Controller {
protected $category_id = 0;
protected $path = array();

protected function index() {
	$this->language->load('module/category');

   	$this->data['heading_title'] = $this->language->get('heading_title');

	$this->load->model('catalog/category');
	$this->load->model('tool/seo_url');

	if (isset($this->request->get['path'])) {
		$this->path = explode('_', $this->request->get['path']);

		$this->category_id = end($this->path);
	}

	$this->data['category'] = $this->getCategories(0);

	$this->id = 'category';

	if (file_exists(DIR_TEMPLATE . $this->config->get('config_template') . '/template/module/category.tpl')) {
		$this->template = $this->config->get('config_template') . '/template/module/category.tpl';
	} else {
		$this->template = 'default/template/module/category.tpl';
	}

	$this->render();
 	}

protected function getCategories($parent_id, $current_path = '') {
	$category_id = array_shift($this->path);

	$output = '';

	$results = $this->model_catalog_category->getCategories($parent_id);

	if ($results) { 
		$output .= '<ul>';
   	}

	foreach ($results as $result) {	
		if (!$current_path) {
			$new_path = $result['category_id'];
		} else {
			$new_path = $current_path . '_' . $result['category_id'];
		}

		$output .= '<li>';

		$children = '';


			$children = $this->getCategories($result['category_id'], $new_path);


		if ($this->category_id == $result['category_id']) {
			$output .= '<a href="' . $this->model_tool_seo_url->rewrite(HTTP_SERVER . 'index.php?route=product/category&path=' . $new_path)  . '"><b>' . $result['name'] . '</b></a>';
		} else {
			$output .= '<a href="' . $this->model_tool_seo_url->rewrite(HTTP_SERVER . 'index.php?route=product/category&path=' . $new_path)  . '">' . $result['name'] . '</a>';
		}

       	$output .= $children;

       	$output .= '</li>'; 
	}

	if ($results) {
		$output .= '</ul>';
	}

	return $output;
}		
}
?>

В CSS добавлял

font-weight: 700;
только жирным делается все пункты.

В идеалебы сделать еще крупнее основные пункты, но если получиться сделать жирным то получиться и большим)

Понимаю, что надо как то прописывать отдельный стиль (может быть) или что то делать в не в SCC?

Edited by afwollis
php -> [PHP] + [spoiler], css -> [CODE]
Link to post
Share on other sites

На сообщения, содержащие код, не заключенный в один из тегов

[CODE], [PHP], [HTML], [SQL][/code]
[color="#FF0000"]ОТВЕЧАТЬ БОЛЬШЕ НЕ БУДУ[/color]

= = =

[quote]В CSS добавлял
[code]font-weight: 700;[/code][/quote]
[color="#FF0000"][b]МАТЧАСТЬ[/b][/color]  :angry: 

= = =

перед
[code]foreach ($results as $result) { 
                        if (!$current_path) {
                                $new_path = $result['category_id'];[/code]
вставить
[code]/* blah-blah - start */
$wCatClass = "";
$wCatClassName = "";

if ($parent_id == 0) {
    $wCatClassName = "wtop-level-categories";
} else {
    $wCatClassName = "";
}

if (!empty($wCatClassName)) {
    $wCatClass = "class=\"".$wCatClassName."\" ";
}
/* blah-blah - end */[/code]

поменять
[code]                        if ($this->category_id == $result['category_id']) {
                                $output .= '<a href="' . $this->model_tool_seo_url->rewrite(HTTP_SERVER . 'index.php?route=product/category&path=' . $new_path)  . '"><b>' . $result['name'] . '</b></a>';
                        } else {
                                $output .= '<a href="' . $this->model_tool_seo_url->rewrite(HTTP_SERVER . 'index.php?route=product/category&path=' . $new_path)  . '">' . $result['name'] . '</a>';
                        }[/code]
на
[code]                        if ($this->category_id == $result['category_id']) {
                                $output .= '<a '.$wCatClass.'href="' . $this->model_tool_seo_url->rewrite(HTTP_SERVER . 'index.php?route=product/category&path=' . $new_path)  . '"><b>' . $result['name'] . '</b></a>';
                        } else {
                                $output .= '<a '.$wCatClass.'href="' . $this->model_tool_seo_url->rewrite(HTTP_SERVER . 'index.php?route=product/category&path=' . $new_path)  . '">' . $result['name'] . '</a>';
                        }[/code]

css (как-то так)
[code]#category a.wtop-level-categories, #category a:visited.wtop-level-categories {
font: bold 17px sans-serif;
}
Edited by afwollis
поправил код: ".$wCatClass." -> '.$wCatClass.'
Link to post
Share on other sites

CSS похоже не совсем в нужном виде, что то не получается(

Класс прописался, а CSS не подцепляется

Edited by afwollis
борюсь с "оверквотингом" :(
Link to post
Share on other sites

попробуйте так

#category ul.wtop-level-categories {
font: bold 17px;
}
вставлять после

#category ul {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
	padding-left: 12px;
	list-style: url('../image/bullet_1.png');
}
Link to post
Share on other sites

А ведь заработало

с CSS из первого варианта (видимо ошибся я где то)

Еще добавил text-transform: uppercase; - все буквы заглавными и цвет поменял, какая красота! Спасибо

Edited by dmidon
цитаты не код - их прятать в теги кода не надо. но и цитировать без причин тоже не стоит
Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

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.