Алексей

При добавлении товара корзина перегружается с помощью ajax. Возможно какая то часть не подгрузилась и поэтому стили перестали действовать. Проверь код корзины до и после добавления товара.

www.seogadget.ru/serppos

такой эффект рисования? scrollmagic.io/examples/advanced/svg_drawing.html

scrollmagic.io для этого отлично подходит. Пример с svg scrollmagic.io/examples/advanced/svg_drawing.html. На русском можешь тут почитать ScrollMagic – Создание анимации при прокрутке страницы

Попробуй так:

<svg height="16" width="16" version="1.1">
<defs>
  <linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="13" y1="20" x2="33" y2="20">
    <stop  offset="0" style="stop-color:#B42E27"/>
    <stop  offset="1" style="stop-color:#F11727"/>
  </linearGradient>
  <path id="petal" fill="url(#SVGID_4_)" stroke="#404041" stroke-miterlimit="10" d="M30,30H16c-1.6,0-3-1.4-3-3V13c0-1.6,1.4-3,3-3h14
    c1.6,0,3,1.4,3,3v14C33,28.6,31.6,30,30,30z"/>
  <symbol id="xxxxx" viewbox="0 0 50 50">
    <use xlink:href="#petal" y="0" x="0"/>
  </symbol>
</defs>
</svg>

<svg height="112" width="64" version="1.1">
	<use xlink:href="custom/img/svg/file.svg#xxxxx"/>
</svg>

SnapSvg TweenMax

Вот логотип в svg www.hrustal-market.ru, svg вставлен инлайново никаких проблем с отображением на мобильных нет.
У вас какая то проблема?

Попробуйте TweenMax. Небольшой туториал Twenmax Для анимации path простая либа
lmgonzalves.github.io/segment
Хром отменил поддержку SMIL, так что про него можно забыть.

Я ставил модуль доставки DPD. Geo ip автоматически определял город покупателя, по api данные о товаре и городе отправлялись на сервак DPD и модуль выводил срок и стоимость доставки на карточку товара. Никаких готовых решений нет, надо пилить под конкретный случай.

Вот есть несколько переводов ScrollMagic инструкция – полноэкранное слайдшоу, ScrollMagic – Создание анимации при прокрутке страницы
ScrollMagic это либа от Greensock, так что надо изучить Tweenmax и Timeline, есть небольшой перевод GSAP JS – руководство для начинающих
На английском много инфы по скролл анимациям в этом блоге https://ihatetomatoes.net/blog/
По поводу разбора анимации на сайте Apple есть неплохая статья websitedeconstructions.com/apple-imac-retina

Да тут не только с url проблема, структуры сайта никакой не видно

Зачем в этой схеме уровень /каталог/?

Title и Description надо составлять с головой. Если сайт большой, то подходит метод Насти. Если руками прописать возможно, то надо писать.

Можно с помощью grunt-contrib-copy

copy: {
  dist: {
    files: [{
      expand: true,
      dot: true,
      cwd: 'dist',
      dest: 'dist/',
      src: [
        '{,*/}*.html'
      ],
      rename: function(dest, src) {
        return dest + src.replace('.html','.php');
      }
    }]
  }
},

Я думаю лучше инклюдить миксин с заданием выравнивания по горизонтали и по вертикали (в зависимости от того, что надо)

@mixin centerer($horizontal: true, $vertical: true) {
  position: absolute;
  @if ($horizontal and $vertical) {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  } @else if ($horizontal) {
    left: 50%;
    transform: translate(-50%, 0);
  } @else if ($vertical) {
    top: 50%;
    transform: translate(0, -50%);
  }
}

.container лучше прописывать в html, код более читаемый будет