База знаний Weberia.ru

Теги - размер шрифта, положение

Romanez
1
Последнее обновление: 28 декабря 2018

Добрый день Владимир! Подскажите пожалуйста:

1) как изменить размер шрифта и прозрачность opacity (тэги в сайдбаре)

2) возможно разместить продублировать их в подвале - вместо блока "Оплата" или "Мы в соцсетях"?

3 ответа

  • 1

    Здравствуйте, Роман!

    1.
    Откройте тему для приложения Сайт - шаблоны - файл sidebar.shop_tags.html
    В данном файле найдите код:

    style="font-size: {$tag.size}%; opacity: {$tag.opacity}"

    Замените {$tag.size}% на своё значение в px или % – это размер.
    Замените {$tag.opacity} на число от 0.1 до 1 (где 1 максимум непрозрачности) – это прозрачность.

    2. Теоретически возможно. Но в других приложениях, отличных от Shop-script у вас будет вместо тегов "дыра" – пустое место.
    Если вас это устроит, я напишу вам что делать дальше.

  • 1
    Romanez  

    3 марта 2017 15:04

    Владимир напишите, используем только shop-script:

    1) предпочтение - вместо блока Оплата

    2) возможно добавить иконки "Доставка" к имеющимся (отличные от шаблона)

    3) подскажите как изменить ширину подвала (раз зашла тема, или создать отдельную ветку?)

    • Зайдите в приложение сайт - Формула Успеха - шаблоны – в конце списка файлов нажмите на "+ новый файл".
      Назовите его footer.tags.html

      И в указанное поле вставьте следующий код:

      {if $wa_app == 'shop'}
      
      	{if $theme_settings.layout == 'fixed'}
      		{$class = 'footer-block col-md-3 col-sm-3 padding9'}
      		{$class2 = 'footer-block col-md-9 col-sm-9 padding9'}
      	{else}
      		{$class = 'footer-block col-md-3 col-sm-3'}
      		{$class2 = 'footer-block col-md-9 col-sm-9'}
      	{/if}
      	
      	<div class="{$class}">
      
      		<div class="accentFont footerTitle align-center" style="padding-bottom: 3px;">Теги</div>
      		
      		{$cloud = $wa->shop->tags()}
      		{if !empty($cloud) && empty($theme_settings.hide_shop_tags)}
      			<div style="text-align: center;">
      		        {foreach $cloud as $tag}
      			    <a class="tags" href="{$wa_app_url}tag/{$tag.uri_name}/" style="font-size: {$tag.size}%; opacity: {$tag.opacity}">{$tag.name|escape}</a>
      		        {/foreach}
      			</div>
      		{/if}
      		
      	
      	</div>
      {/if}

      Если хотите чтобы теги были все одинакового цвета и размера, удалите у тега <a> атрибут:

      style="font-size: {$tag.size}%; opacity: {$tag.opacity}"

      Сохраните файл.

      Затем откройте файл footer.html. Найдите строку:

      {include file="footer.pay.html" inline}

      И замените её на эту:

      {include file="footer.tags.html" inline}
      1
    • Про иконки.
      Вы можете сделать собственное изображение с иконками доставки.
      И затем загрузить их в настройках темы.

      Ваше собственное изображение заменит изображения остальных иконок доставки.

      1
    • По подвалу.
      Здесь сложно. Он либо растянут, если сайт растянут, либо фиксированный если сайт фиксированный.

      1
  • 1
    Romanez  

    15 марта 2017 10:16

    Спасибо, получилось! только как увел. размер фото Доставка?

    (задал тупой вопрос по ширине подвала...)

    • Если вы хотите сделать так:

      То вам необходимо открыть шаблоны темы для приложения сайт.
      Там найти файл footer.html
      В нём найти и удалить следующий код (на сколько я понял, у вас отключены соц,сети, поэтому его можно удалить):

      <div class="{$class}">
      	{include file="footer.social.html" inline}		{* <-- Блок МЫ в соц сетях *}
      	{if !empty($theme_settings.show_footer_share)}
      		<div class="align-center">
      			{include file="social.html" inline}			{* <-- Блок Рассказать друзьям *}
      		</div>
      	{/if}
      </div>

      Это ещё не всё.
      Теперь вам нужно файл footer.shipping.html
      В нём найдите две строки:

      {$class = 'footer-block col-md-3 col-sm-3 padding9'}

      И замените их на эту строку (два раза):

      {$class = 'footer-block col-md-6 col-sm-6 align-center padding9'}

      Должно сработать!

      1

Добавить ответ

Чтобы добавить комментарий, зарегистрируйтесь или войдите
Вверх