На сайте могут быть представлены сотни позиций товаров, вручную верстать каждую страничку это бред, наверняка существуют какие-то оптимизированные методы для создания подобных проектов, хотел бы попросить рассказать о них, ибо я не смог найти нормальной информации по этому поводу.
вручную верстать каждую страничку это бред
То есть надо было сначала спарсить семантическое ядро у конкурентов, кластеризировать, и, исходя из этого, делать стуктуру.
В связи с этим есть вопрос: целесообразно и возможно ли переделать всю структуру сайта? У страниц же будут другие адреса, будет путаница в индексации и множество ошибок.
Или проще сделать новый сайт на новом домене?
Результат интересует как behance. Когда при выборе категории меняется страница работ, url из "behance.ru" превращается "behance.ru/kate", но визуально нет переадресации на новую страницу.
// listeners
document.querySelector('.showDivan').addEventListener('click', () => filter('divan'));
document.querySelector('.showShkaf').addEventListener('click', () => filter('shkaf'));
document.querySelector('.showAll').addEventListener('click', () => filter('all'));
// filtering
const filter = category => {
const items = document.querySelectorAll('.product');
items.forEach(item => {
item.style.display = category === 'all' || item.classList.contains(category) ? 'block' : 'none';
});
// change url
history.pushState({}, '', `/category/${category}`);
}
Какие есть способы убрать эту лазейку ?
Добрый день всем подскажите пожалуйста готовый код на html и javascript или направление куда копать
Возможно есть какая-то библиотека...?
Подскажите, кто делал и может быть кто-то знает как сделать такой эффект при скролле страницы?
Нужно верстать их снова и дублировать стили, или же я могу просто копировать уже свёрстанные блоки
но тогда будут разные названия классов и уже получиться не по БЭМ
но тогда будут разные названия классов
.price.price--one .price-card .price-card__name
.price.price--two .price-card .price-card__name
.price-card .price-card__name
.price.price--one .price-card .price-card__name
Ты можешь использовать iframe для отображения одного и того же блока на множестве страниц.
<div itemscope itemtype="http://schema.org/Product">
<span itemprop="name">Название продукта</span>
<span itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
Рейтинг:
<span itemprop="ratingValue">4.5</span> из
<span itemprop="bestRating">5</span>
на основе
<span itemprop="ratingCount">10</span> оценок
</span>
</div>
<article itemscope itemtype="http://schema.org/Article">
<header>
<h1 itemprop="headline">Заголовок статьи</h1>
<div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
Рейтинг:
<span itemprop="ratingValue">4.5</span> из
<span itemprop="bestRating">5</span>
на основе
<span itemprop="ratingCount">10</span> оценок
</div>
</header>
<div itemprop="articleBody">
<!-- Текст статьи -->
</div>
</article>
<html>
<head>
<title>Название страницы</title>
<script type="application/ld+json">
{
"@context": "http://schema.org/",
"@type": "Product",
"name": "Название продукта",
"image": "https://example.com/product-image.jpg",
"description": "Описание продукта",
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.5",
"bestRating": "5",
"ratingCount": "10"
},
"offers": {
"@type": "Offer",
"priceCurrency": "USD",
"price": "19.99",
"availability": "http://schema.org/InStock"
}
}
</script>
</head>
<body>
<!-- Содержимое страницы -->
</body>
</html>
<html>
<head>
<title>Название страницы</title>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "CreativeWork",
"name": "Название статьи",
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.5",
"bestRating": "5",
"ratingCount": "10"
}
}
</script>
</head>
<body>
<!-- Содержимое страницы -->
</body>
</html>