Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Опустить текст в категории


Recommended Posts

Всем привет! Сейчас у меня в категориях текст расположен над списком товаров. Мне нужно что бы текст визуально спустился вниз (под список товаров), но по коду был вверху. Может у кого-то есть соображения как это сделать? Вот сайт

Надіслати
Поділитися на інших сайтах


Как это визуально там , а по коду здесь?

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

Вот только проблема в том, что поисковики учитывают так же и стилизацию объектов.

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

Как варинт могу предложить чтото вроде это:

 

.category-info {
color: #B2B2B2;
position: absolute;
width: 680px;
top: 1200px;
}

и значением top:  - ловить нужную позицию...

идея бредовая конешн...но нельзя и рыбку съесть и косточкой не подавиться 

 

 

PS Рекомендую решить проблему другим способом - спрятать текст описания категории под спойлер. И места занимать не будет много и поисковики индексировать будут как надо и гемороя с версткой избежите

  • +1 2
Надіслати
Поділитися на інших сайтах


PS Рекомендую решить проблему другим способом - спрятать текст описания категории под спойлер. И места занимать не будет много и поисковики индексировать будут как надо и гемороя с версткой избежите

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

 

Автор, в вашем случае нужно элементу div.category-info в цсс задать

 

element.style {
position: absolute;
bottom: 0;
}

для div#content добавить в css

position: relative;

теперь описание находится внизу блока content, но оно налезает на список товаров. ЧТобы это исправить нужно задать свойство margin-bottom для блока product-list, которое равно высоте блока category-description. Cделать это можно на ходу с помощью javascript. Например

 

<script type="text/javascript">
var infoHeight = document.getElementById('category-info').offsetHeight;
var list = document.getElementsByClassName('product-list'); 
if( list !== null ) {
	list[0].setAttribute("style", "margin-bottom:" + infoHeight.toString() + "px");
}
</script>

теперь у вас описание внизу визуально, но в коде оно вверху

Надіслати
Поділитися на інших сайтах


Ну и не помешает добавить, что для seo все эти манипуляции - как мертвому припарки, особенно если не менялся стандартный вывод блоков опенкарта, когда сначала идет код хедера, потом левого/правого блока, а лишь потом - центрального блока с контентом

Надіслати
Поділитися на інших сайтах

  • 1 month later...

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

Вот только проблема в том, что поисковики учитывают так же и стилизацию объектов.

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

Как варинт могу предложить чтото вроде это:

 

.category-info {
color: #B2B2B2;
position: absolute;
width: 680px;
top: 1200px;
}

и значением top:  - ловить нужную позицию...

идея бредовая конешн...но нельзя и рыбку съесть и косточкой не подавиться 

 

 

PS Рекомендую решить проблему другим способом - спрятать текст описания категории под спойлер. И места занимать не будет много и поисковики индексировать будут как надо и гемороя с версткой избежите

Ваша идея со спойлером мне пришлась по душе, не подскажете как сделать?

Надіслати
Поділитися на інших сайтах

  • 2 months later...

Проверенный способ

 

 

Открываем файл category.tpl (../catalog/view/theme/default/template/product) вырезаем эти строки (9-18):

<?php if ($thumb || $description) { ?>
<div class="category-info">
<?php if ($thumb) { ?>
<div class="image"><img src="<?php echo $thumb; ?>" alt="<?php echo $heading_title; ?>" /></div>
<?php } ?>
<?php if ($description) { ?>
<?php echo $description; ?>
<?php } ?>
</div>
<?php } ?>

и вставляем после этих (95-98):

<div class="buttons">
<div class="right"><a href="<?php echo $continue; ?>" class="button"><?php echo $button_continue; ?></a></div>
</div>
<?php } ?>

Надіслати
Поділитися на інших сайтах


  • 1 year later...

сеошник дурак, советы бред!

Но если очень надо, можно поиграться с display: table-footer-group; (header и т.п.)

Спойлер в топку. Зач нужен текст, который не нужен пользователям? Давайте строить гильотину!

Надіслати
Поділитися на інших сайтах


где найти толкового сеошника?

Это часть проблемы, другая сторона им не интересен ни ты, ни я... Ищите безпринципных хамов, они либо будут лучшими, либо ничего не сделают и их можно выгнать.

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.