* без удаления открывающего и закрывающего div - это для человека плохо знакомого с html может стать проблемой (например удалил не тот или один пропустил - что повлечет ошибку)
2. перед всем содержимым файлов product.html (карточка товара) и category.html (страница категории)
@media only screen and (min-width:0){ html{ font-size:14px; } } @media only screen and (min-width:992px){ html{ font-size:14.5px; } } @media only screen and (min-width:1200px){ html{ font-size:15px; } }
значение всех font-size уменьшите до необходимого размера
Колмаков Игорь
Пожалуйста!
не заметил адреса
Да, Спасибо!
Это ошибка в библиотеки "карусель" - настройка бесконечной прокрутке (цикличность), предполагает что товаров больше чем 1.
На данный момент мы делаем обновление где отключим "цикличность" для всех типов экранов
Вы можете обойти данную ошибку (по крайней мере на данный момент - когда товаров меньше 2) - изменить тип отображения списка товара
для этого в файле "home.html"
найдите вхождение слова "carousel" и удалите его
Отлично
в файле "product.html"
1. после кода
{foreach $product.pages as $page}
<li><a data-name="page_{$page.url}" href="{$wa->shop->productUrl($product, 'page', ['page_url' => $page.url])}">{$page.name|escape}</a></li>
{/foreach}
Вставьте
{$ymproductreviews = shopYmproductreviewsPlugin::display($product.ym_model_id)}
{if !empty($ymproductreviews)}
<li><a data-name="ymproductreviews" href="{$wa->shop->productUrl($product)}">Отзывы с Я.Маркета</a></li>
{/if}
2. после кода
{foreach $product.pages as $page}
<h2 class="product-tabs-nav-trigger-wrapper"><a class="product-tabs-nav-trigger" data-name="page_{$page.url}" href="{$wa->shop->productUrl($product, 'page', ['page_url' => $page.url])}">{$page.name|escape}</a></h2>
{/foreach}
вставьте код
{if !empty($ymproductreviews)}
<h2 class="product-tabs-nav-trigger-wrapper">
<a class="product-tabs-nav-trigger" data-name="ymproductreviews" href="{$wa->shop->productUrl($product)}">Отзывы с Я.Маркета
</a>
</h2>
<div id="product-tab-ymproductreviews" class="product-tab">
{$ymproductreviews}
</div>
{/if}
я описал это на странице инструкции - http://wm-site.ru/profitbuy/295/perezvonit-vam/#co...
Здравствуйте!
возможно это особенность работы настроек темы (функционал вебасист)
сделайте следующим образом:
1. скопируйте строку
<a href="javascript: void(0);" class="wm-recallback-plugin-button">Заказать обратный звонок</a>
2. в настройках темы поле "подпись под вторым телефоном"
а) выделите указателем мыши содержимое поля
б) кликните правой кнопкой мыши над выделенным содержимым
в) в выпадающем меню выберите "вставить"
г) сохраните настройки
Пример:
Владимир - на указанном адресе, тема "дизайн со вкусом"
я не могу проверить
создайте новое поселение для магазина и оформите "Выгодной покупкой"
Напишите адрес нового поселения
отключить для мобильных - {if !$wa->isMobile()}
отключить для экранов шириной меньше 993px - @media only screen and (max-width:993px){
В зависимости от целей
Здравствуйте!
ширина картинок меняется в зависимости от ширины экрана
для ширины экрана от 1281px это 25%,
для ширины от 993 это 33%
для ширины от 481 это 50%
и для меньших экраноы - 100%
что изменить размеры для каждого типа экрана необходимо в пользовательских стилях прописать правила
/*для ширины от 1281*/
@media only screen and (min-width: 1281px){
.without-sidebar .piicsl .piicsl-item{
width: 25%;
}
}
@media only screen and (min-width: 993px){
.piicsl .piicsl-item .piicsl-img {
max-height: 200px;
min-height: 200px;
line-height: 200px;
}
}
/*для ширины от 993*/
@media only screen and (min-width: 993px){
.without-sidebar .piicsl .piicsl-item {
width: 33.33%;
}
}
/*для ширины от 481*/
@media only screen and (min-width: 481px){
.piicsl .piicsl-item {
width: 50%;
}
}
/*для ширины меньше 481px*/
.piicsl .piicsl-item {
width: 100%;
}
.piicsl .piicsl-item .piicsl-img {
max-height: 270px;
min-height: 270px;
line-height: 270px;
}
* где width - ширина каждого контейнера для изображения (само изображение занимает 100% ширины родительского блока)
* где max-height, min-height, line-height - высота блока
* удалить название категории можно с помощью правила
.piicsl .piicsl-item .piicsl-title{
display:none;
}
Уменьшить само изображение можно только относительно родительского блока
для этого в пользовательских стилях пропишите правило
..piicsl .piicsl-item .piicsl-img img {
max-width: 100%;
max-height: 100%;
}
* где в значении свойств max-width и max-height пропорционально уменьшите значение в пределах от 1 до 100
3-й блок с телефоном, не уместится на одной линии с другими телефонами
либо разместить 3-й номер вместо блока адреса
1. в файле "phones.html",
перед строкой
</ul>
добавить код
<li>
<a href="tel:88003214144">8 (800) 321-41-44</a>
<span class="hint">Бесплатные звонки по РФ</span>
</li>
2. в файле "index.html"
заменить блок
{if !empty($theme_settings.address) || $wh}
<div class="col-grid l4 el3 hide-on-med-and-down offline align-right{if empty($theme_settings.phone_1) && empty($theme_settings.phone_2)} offset-l4 offset-el5{/if}">
{include file="offline.html" inline}
</div>
{/if}
на
{*if !empty($theme_settings.address) || $wh}
<div class="col-grid l4 el3 hide-on-med-and-down offline align-right{if empty($theme_settings.phone_1) && empty($theme_settings.phone_2)} offset-l4 offset-el5{/if}">
{include file="offline.html" inline}
</div>
{/if*}
3. в файле "index.html"
заменить строку
<div class="col-grid m6 l4 el5 hide-on-small-and-down align-{if !empty($theme_settings.address) || $wh}center{else}right{/if} align-right-on-med-and-down{if empty($theme_settings.address) && !$wh} offset-l4 offset-el3{/if}">
на
<div class="col-grid m6 l4 el8 hide-on-small-and-down align-right align-right-on-med-and-down">
4. увеличиваем высоту шапки для экранов меньшего размера
в пользовательских стилях
прописываем правило
@media only screen and (min-width: 993px) and (max-width:1200px){
.header-line.alfa-background {
height: 180px;
line-height: 180px;
}
}
либо разместить 3-й номер под 2-мя предыдущими:
1. сделайте пункт 1-й указанный выше
2. увеличиваем высоту шапки для экранов меньшего размера
в пользовательских стилях
прописываем правило
@media only screen and (min-width: 993px) and (max-width:1390px){
.header-line.alfa-background {
height: 180px;
line-height: 180px;
}
}
Здравствуйте!
В файле "category.html" (магазин-витрина-дизайн)
замените код
<!-- description -->
{if $category.description}
<div class="category-description">{$category.description}</div>
{/if}
на
{if !$wa->get("page") || $wa->get("page") == 1}
<!-- description -->
{if $category.description}
<div class="category-description">{$category.description}</div>
{/if}
{/if}
опишите каким плагином Вы воспользовались
и меняли ли Вы код фалов шаблонов?
обратитесь к разработчику плагина "прайс-листы"
Спасибо Сергей!
Все верно
Но можно сделать проще:
1. удалить все вхождения
class="fill-background"
* без удаления открывающего и закрывающего div - это для человека плохо знакомого с html может стать проблемой (например удалил не тот или один пропустил - что повлечет ошибку)
2. перед всем содержимым файлов product.html (карточка товара) и category.html (страница категории)
прописать
<div class="fill-background">
и после всего содержимого
</div>
Здравствуйте!
Если это не плагин "перезвонить Вам?", то укажите адрес плагина
Ознакомившись с инструкцией я напишу как можно зделать активной кнопку "заказать обратный звонок"
Здравствуйте!
Напишите адрес Вашего сайта
Здравствуйте!
текст можно скрыть с помощью конструкции
{if !$wa->isMobile()}
{*здесь код не отбражаемый на мобильных*}
{/if}
Поисковый робот не отдает заголовков что он является мобильным устройством, т.ч. повлиять на выдачу данное правило не может.
что бы скрыть вступительный текст на главной,
в файле "home.html" (магазин-витрина-дизайн)
код
{if !empty($theme_settings.homepage_about_title) || !empty($theme_settings.homepage_about_body)}
<div class="about-us fill-background">
{if !empty($theme_settings.homepage_about_title)}<h1>{$theme_settings.homepage_about_title}</h1>{/if}
{$theme_settings.homepage_about_body}
</div>
{/if}
замените на
{if !$wa->isMobile()}
{if !empty($theme_settings.homepage_about_title) || !empty($theme_settings.homepage_about_body)}
<div class="about-us fill-background">
{if !empty($theme_settings.homepage_about_title)}<h1>{$theme_settings.homepage_about_title}</h1>{/if}
{$theme_settings.homepage_about_body}
</div>
{/if}
{/if}
Здравствуйте!
В блок пользовательских стилей http://wm-site.ru/profitbuy/290/blok-polzovatelski...
добавьте правило:
.nav-wrapper{
z-index:1000;
}
В файле "mobile.pane.html" (сайт-дизайн-шаблоны)
закоментируйте участок кода
<!-- APPS -->
<div class="mobile-nav-group">
<div class="mobile-nav-header">[`Apps`]</div>
<ul class="mobile-nav-list">
{foreach $wa->apps() as $a}
<li{if $a.url==$wa_app_url && !$wa->globals('isMyAccount')} class="selected"{/if}>
<a href="{$a.url}">{$a.name}</a>
</li>
{/foreach}
</ul>
</div>
что бы получилось так
{*
<!-- APPS -->
<div class="mobile-nav-group">
<div class="mobile-nav-header">[`Apps`]</div>
<ul class="mobile-nav-list">
{foreach $wa->apps() as $a}
<li{if $a.url==$wa_app_url && !$wa->globals('isMyAccount')} class="selected"{/if}>
<a href="{$a.url}">{$a.name}</a>
</li>
{/foreach}
</ul>
</div>
*}
на скриншоте я вижу 2 блока на странице категории
в файле "category.html" (магазин - витирина-дизайн)
в коде
<div class="fill-background">
<nav class="breadcrumbs" itemprop="breadcrumb">
<a href="{$wa_url}">{*[`Home`]*}<i class="mdi-home mdi-lg"></i></a> <span class="rarr">/</span>
{if $wa_app_url != '/'}<a href="{$wa_app_url}">{$wa->shop->settings('name')}</a> <span class="rarr">/</span>{/if}
{if !empty($breadcrumbs)}
{foreach $breadcrumbs as $breadcrumb}
{if $breadcrumb}
<a href="{$breadcrumb.url}">{$breadcrumb.name|escape}</a> <span class="rarr">/</span>
{/if}
{/foreach}
{/if}
{$category.name|escape}
</nav>
</div>
<div class="fill-background">
<h1 class="category-name">
{$category.name|escape}
</h1>
удалите классы "fill-background"
тем самым у этих блоков пропадет фон
настройки браузера могут переопределять любые стили сайта
это скорее всего какие то настройки браузера или приложения
попробуйте в пользовательских стилях http://wm-site.ru/profitbuy/290/blok-polzovatelski...
прописать правило
.mobile-nav-wrapper ul li a:visited{
color:#fff;
}
Напишите адрес Вашего сайта - на демо сайте я не смог воспроизвести подобной ошибки
Спасибо!
На некоторых устройствах обнаружилась подобная проблема
мы готовим обновление темы с исправлением данной проблемой
На данный момент готовится обновление, в котором мы заменим библиотеку галереи товаров
Мы можем этот момент исправить сейчас, для этого пришлите данные доступа в администраторскую Вашего сайта мне на почтовый ящик kolmakov.igor@gmail.com
можете изменить глобальный параметр "em"
в пользовательских стилях http://wm-site.ru/profitbuy/290/blok-polzovatelski...
пропишите правила
@media only screen and (min-width:0){
html{
font-size:14px;
}
}
@media only screen and (min-width:992px){
html{
font-size:14.5px;
}
}
@media only screen and (min-width:1200px){
html{
font-size:15px;
}
}
значение всех font-size уменьшите до необходимого размера
Может быть у Вас как то браузер настроен не верно
вот скриншоты
100%75%
Извиняюсь - не успеваю отвечать на письма
создал инструкцию - http://wm-site.ru/profitbuy/294/ikonka-izobrazheni...
в файле "home.html" (магазин-витрина-шаблоны)
1. замените блок
{if !empty($theme_settings.homepage_about_title) || !empty($theme_settings.homepage_about_body)}
<div class="about-us fill-background">
{if !empty($theme_settings.homepage_about_title)}<h1>{$theme_settings.homepage_about_title}</h1>{/if}
{$theme_settings.homepage_about_body}
</div>
{/if}
на
<div class="row-grid">
<div class="col-grid s12 l8">
{if !empty($theme_settings.homepage_about_title) || !empty($theme_settings.homepage_about_body)}
<div class="about-us fill-background">
{if !empty($theme_settings.homepage_about_title)}<h1>{$theme_settings.homepage_about_title}</h1>{/if}
{$theme_settings.homepage_about_body}
</div>
{/if}
</div>
<div class="col-grid s12 l4">
{$last_posts = $wa->blog->posts(null, 4)}
{if $last_posts}
<div class="last-post-wrapper mir-matras-mod"><div class="fill-background">
<h2 class="last-post-header">[`Our news`]</h2>
{foreach $last_posts as $post}
<div class="post">
<h4 class="last-post-title">
<a href="{$post.link}">{$post.title}</a>
{* @event prepare_posts_frontend.%plugin_id%.post_title *}
{if !empty($post.plugins.post_title)}{foreach $post.plugins.post_title as $plugin => $output}{$output}{/foreach}{/if}
</h4>
{if $post.album_id}
{$_post_image = $wa->photos->photos("album/`$post.album_id`", "300x150", 1)}
{$_post_image = current($_post_image)}
{if $_post_image}
<img class="post-image" src="{$_post_image.thumb_300x150.url}" alt="{$_post_image.name|escape}">
{/if}
{/if}
<div class="credentials">
{if isset($post.user.photo_url_20)}
{if $post.user.posts_link}
<a href="{$post.user.posts_link}">
<img src="{$post.user.photo_url_20}" class="userpic" alt="">
</a>
{else}
<img src="{$post.user.photo_url_20}" class="userpic" alt="">
{/if}
{/if}
{if $post.user.posts_link}
<a href="{$post.user.posts_link}" class="username">{$post.user.name}</a>
{else}
<span class="username">{$post.user.name}</span>
{/if}
<i class="mdi-access_time mdi-lg"></i>
<span class="small date">{$post.datetime|wa_datetime:"humandate"}</span>
</div>
<p>{$post.text|strip_tags|truncate:200}</p>
</div>
{/foreach}
</div></div>
{/if}
</div>
</div>
2. в файле "homepage.lastadd.html" (магазин-витрина-шаблоны)
замените строку
{if $last_posts}
на
{if $last_posts && 0}
Для страницы товара:
файл "product.cart.html"
участок кода
{function name=in_stock n=0 low=5 critical=2}
{if $n > $low or $n === null}
<span class="stock-label stock-high" data-max="{$n}"><i class="icon16 stock-green"></i>[`In stock`]</span>
{elseif $n > $critical}
<span class="stock-label stock-low" data-max="{$n}"><i class="icon16 stock-yellow"></i>{* _w("Only %d left in stock", "Only %d left in stock", $n) *}{_w("Only a few items left")}</span>
{elseif $n > 0}
<span class="stock-label stock-critical" data-max="{$n}"><i class="icon16 stock-red"></i>{_w("Only %d left in stock", "Only %d left in stock", $n)}</span>
{else}
<span class="stock-label stock-none"><i class="icon16 stock-transparent"></i>{if $wa->shop->settings('ignore_stock_count')}[`Pre-order only`]{else}[`Out of stock`]{/if}</span>
{/if}
{/function}
Где:
[`In stock`] - в наличии
{_w("Only a few items left")} - осталось несколько штук
{_w("Only %d left in stock", "Only %d left in stock", $n)} - осталось $n штук
[`Out of stock`] - нет в наличии
[`Pre-order only`] - под заказ
в списке товаров категории и в списке товаров
файл "list-thumbs.html"
участок кода
{if $available}
<div class="stock-label stock-high"><i class="icon16 stock-green"></i>[`In stock`]</div>
{/if}
Где [`In stock`] - в наличии
а так же участок кода
<div class="out-of-stock">{if $wa->shop->settings('ignore_stock_count')}[`Pre-order only`]{else}[`Out of stock`]{/if}</div>
[`Out of stock`] - нет в наличии
[`Pre-order only`] - под заказ
Как Воспользоваться купоном на скидку
1. кликните по кнопке "купить"
2. кликните по ссылке "изменить параметры заказа..."
3. пропишите в поле "Промо код" полученный купон
4. кликните на кнопку "оформить заказ"
5. выберите способ оплаты и оплатите