Попробуйте заменить в файле main.js строку

c.html(data);

на строку

c.html($(data).first());

Пожалуйста, уточните где именно у вас возникает данная ошибка? На вашей главной странице (и на странице товара) ошибок нет, слайдер на главной работает.

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

У вас на данный момент присутствует несколько ошибок.

1. Подключен но не загружен файл jquery.cookie.js в разделе редактора шаблонов.
2. У вас страницы отображаются на поддоменах, из-за чего не может выполниться корректно запрос на страницу /feedback. Вам необходимо или отключить использование поддоменов или же в файле main.js найти строку

if($('.insert-antispam').length) {
  $.get('/feedback', function(html) {
		 $(html).find('#inject-antispam').children().appendTo($('.insert-antispam'));

и заменить её на

if($('.insert-antispam').length) {
  $.get(document.location.href + 'feedback', function(html) {
		 $(html).find('#inject-antispam').children().appendTo($('.insert-antispam'));

Пожалуйста, опишите подробнее что именно вы хотите узнать как реализовать, что именно вам не понятно. Страницы создаются в разделе Сайт -> Страницы, Меню редактируется в разделе Сайт -> Меню (блок навигации). Предложенные ранее шаблоны поддерживаю реализацию вкладок изначально. Для изменения заголовка вкладки(ок) - необходимо найти это название в шаблоне "Товар" и заменить на необходимое. Новые вкладки добавляются аналогично другим вкладкам, изменяется только идентификатор элементов. Описание заполняется непосредственно в товаре или по необходимости в категории.

Можно использовать обновленный nivo slider, так как он поддерживает адаптивность. Находится слайдер тут http://docs.dev7stud...ns/nivo-slider. Устанавливается согласно документации на сайте или же в нашем FAQ http://storeland.ru/about/faq#51 но только файлы берутся с сайта а не из FAQ.

Код слайдера вам необходимо будет разместить в шаблоне "Страница" в следующем виде

{% IF PAGE_NAME = Название страницы %}
	Код слайдера
{% ENDIF %}

luzikov (26 Июль 2014 - 12:00) писал:

В файле main.js найдите строку

sliderLeft = $('#thumbScroller .container').position() .left;

и замените её на

if (!$('#thumbScroller .container').length) return;
sliderLeft = $('#thumbScroller .container').position() .left;

Что вы подразумеваете под словом "обычным"? Пожалуйста, опишите ваш вопрос подробнее.

luzikov (27 Июль 2014 - 23:53) писал:

У вас на данный момент на главной странице не отображается блок "Хиты продаж". Пожалуйста, включите отображение данного блока. Для размещения кнопок социальных сетей - в шаблоне "HTML" найдите стоку

{% IF SETTINGS_STORE_ICQ %}<span class="footer_icq">{SETTINGS_STORE_ICQ}</span>{% ENDIF %}

и после неё добавьте код вашего виджета или кнопок.

Найдите в вашем файле main.js код

//the navigation arrows
$btn_thumbs.bind('click', function () {
   showThumbs(500);
   hideNav();
});

и замените его на

//the navigation arrows
$btn_thumbs.bind('click', function () {
   showThumbs(500);
   $('.fp_preview').hide();
   hideNav();
});

Полное закрытие будет происходить при клике по "View Thumbs". Чтобы данный текст отображался корректно - в файл стилей style.css добавьте код

.fp_thumbtoggle {
  color: #fff;
}

У вас потерялась строка

<img src="{ASSETS_IMAGES_PATH}1.jpg" alt="" class="fp_preview" style="display:none;"/>

которая должна следовать после строки

<div id="fp_gallery" class="fp_gallery">

Пожалуйста, проверьте вставленную вами разметку.

После загрузки всех необходимых файлов и их подключения - выполняйте инструкцию описанную на сайте http://tympanus.net/...-image-gallery/

Markup - это разметка, добавляется в шаблон "HTML" или "Страница". Аналогично как и при nivo slider.
CSS - это стили, добавляются в файл стилей main.css или style.css. Аналогично установке других слайдеров или nivo slider.
Общие стили

*{
	margin:0;
	padding:0;
}
body {
	background:#212121;
	overflow:hidden;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#fff;
	font-size:10px;
}

добавлять в файл стилей не нужно, так как они повлияют на все отображение.

JAVASCRIPT - код необходимый для размещения в файле main.js. Выполняет работу слайдера.
Используйте пример приведенный на странице. В итоге должно получится - в файл main.js размещается код

$(window) .load(function () {
  sliderLeft = $('#thumbScroller .container') .position() .left;
  padding = $('#outer_container') .css('paddingRight') .replace('px', '');
  sliderWidth = $(window) .width() - padding;
  $('#thumbScroller') .css('width', sliderWidth);
  var totalContent = 0;
  $('#thumbScroller .content') .each(function () {
	totalContent += $(this) .innerWidth();
	$('#thumbScroller .container') .css('width', totalContent);
  });
  $('#thumbScroller') .mousemove(function (e) {
	if ($('#thumbScroller  .container') .width() > sliderWidth) {
	  var mouseCoords = (e.pageX - this.offsetLeft);
	  var mousePercentX = mouseCoords / sliderWidth;
	  var destX = - (((totalContent - (sliderWidth)) - sliderWidth) * (mousePercentX));
	  var thePosA = mouseCoords - destX;
	  var thePosB = destX - mouseCoords;
	  var animSpeed = 600;
	  //ease amount
	  var easeType = 'easeOutCirc';
	  if (mouseCoords == destX) {
		$('#thumbScroller .container') .stop();
	  }
	  else if (mouseCoords > destX) {
		//$('#thumbScroller .container').css('left',-thePosA); //without easing
		$('#thumbScroller .container') .stop() .animate({
		  left: - thePosA
		}, animSpeed, easeType);
		//with easing
	  }
	  else if (mouseCoords < destX) {
		//$('#thumbScroller .container').css('left',thePosB); //without easing
		$('#thumbScroller .container') .stop() .animate({
		  left: thePosB
		}, animSpeed, easeType);
		//with easing
	  }
	}
  });
  $('#thumbScroller  .thumb') .each(function () {
	$(this) .fadeTo(fadeSpeed, 0.6);
  });
  var fadeSpeed = 200;
  $('#thumbScroller .thumb') .hover(function () {
	//mouse over
	$(this) .fadeTo(fadeSpeed, 1);
  }, function () {
	//mouse out
	$(this) .fadeTo(fadeSpeed, 0.6);
  }
  );
});
$(window) .resize(function () {
  //$('#thumbScroller .container').css('left',sliderLeft); //without easing
  $('#thumbScroller .container') .stop() .animate({
	left: sliderLeft
  }, 400, 'easeOutCirc');
  //with easing
  $('#thumbScroller') .css('width', $(window) .width() - padding);
  sliderWidth = $(window) .width() - padding;
});
$(function () {
  //current thumb's index being viewed
  var current = - 1;
  //cache some elements
  var $btn_thumbs = $('#fp_thumbtoggle');
  var $loader = $('#fp_loading');
  var $btn_next = $('#fp_next');
  var $btn_prev = $('#fp_prev');
  var $thumbScroller = $('#thumbScroller');
  //total number of thumbs
  var nmb_thumbs = $thumbScroller.find('.content') .length;
  //preload thumbs
  var cnt_thumbs = 0;
  for (var i = 0; i < nmb_thumbs; ++i) {
	var $thumb = $thumbScroller.find('.content:nth-child(' + parseInt(i + 1) + ')');
	$('<img/>') .load(function () {
	  ++cnt_thumbs;
	  if (cnt_thumbs == nmb_thumbs)
	  //display the thumbs on the bottom of the page
	  showThumbs(2000);
	}) .attr('src', $thumb.find('img') .attr('src'));
  }
  //make the document scrollable
  //when the the mouse is moved up/down
  //the user will be able to see the full image
  makeScrollable();
  //clicking on a thumb...
  $thumbScroller.find('.content') .bind('click', function (e) {
	var $content = $(this);
	var $elem = $content.find('img');
	//keep track of the current clicked thumb
	//it will be used for the navigation arrows
	current = $content.index() + 1;
	//get the positions of the clicked thumb
	var pos_left = $elem.offset() .left;
	var pos_top = $elem.offset() .top;
	//clone the thumb and place
	//the clone on the top of it
	var $clone = $elem.clone() .addClass('clone') .css({
	  'position': 'fixed',
	  'left': pos_left + 'px',
	  'top': pos_top + 'px'
	}) .insertAfter($('BODY'));
	var windowW = $(window) .width();
	var windowH = $(window) .height();
	//animate the clone to the center of the page
	$clone.stop() .animate({
	  'left': windowW / 2 + 'px',
	  'top': windowH / 2 + 'px',
	  'margin-left': - $clone.width() / 2 - 5 + 'px',
	  'margin-top': - $clone.height() / 2 - 5 + 'px'
	}, 500, function () {
	  var $theClone = $(this);
	  var ratio = $clone.width() / 120;
	  var final_w = 400 * ratio;
	  $loader.show();
	  //expand the clone when large image is loaded
	  $('<img class="fp_preview"/>') .load(function () {
		var $newimg = $(this);
		var $currImage = $('#fp_gallery') .children('img:first');
		$newimg.insertBefore($currImage);
		$loader.hide();
		//expand clone
		$theClone.animate({
		  'opacity': 0,
		  'top': windowH / 2 + 'px',
		  'left': windowW / 2 + 'px',
		  'margin-top': '-200px',
		  'margin-left': - final_w / 2 + 'px',
		  'width': final_w + 'px',
		  'height': '400px'
		}, 1000, function () {
		  $(this) .remove();
		});
		//now we have two large images on the page
		//fadeOut the old one so that the new one gets shown
		$currImage.fadeOut(2000, function () {
		  $(this) .remove();
		});
		//show the navigation arrows
		showNav();
	  }) .attr('src', $elem.attr('alt'));
	});
	//hide the thumbs container
	hideThumbs();
	e.preventDefault();
  });
  //clicking on the "show thumbs"
  //displays the thumbs container and hides
  //the navigation arrows
  $btn_thumbs.bind('click', function () {
	showThumbs(500);
	hideNav();
  });
  function hideThumbs() {
	$('#outer_container') .stop() .animate({
	  'bottom': '-160px'
	}, 500);
	showThumbsBtn();
  }
  function showThumbs(speed) {
	$('#outer_container') .stop() .animate({
	  'bottom': '0px'
	}, speed);
	hideThumbsBtn();
  }
  function hideThumbsBtn() {
	$btn_thumbs.stop() .animate({
	  'bottom': '-50px'
	}, 500);
  }
  function showThumbsBtn() {
	$btn_thumbs.stop() .animate({
	  'bottom': '0px'
	}, 500);
  }
  function hideNav() {
	$btn_next.stop() .animate({
	  'right': '-50px'
	}, 500);
	$btn_prev.stop() .animate({
	  'left': '-50px'
	}, 500);
  }
  function showNav() {
	$btn_next.stop() .animate({
	  'right': '0px'
	}, 500);
	$btn_prev.stop() .animate({
	  'left': '0px'
	}, 500);
  }
  //events for navigating through the set of images
  $btn_next.bind('click', showNext);
  $btn_prev.bind('click', showPrev);
  //the aim is to load the new image,
  //place it before the old one and fadeOut the old one
  //we use the current variable to keep track which
  //image comes next / before
  function showNext() {
	++current;
	var $e_next = $thumbScroller.find('.content:nth-child(' + current + ')');
	if ($e_next.length == 0) {
	  current = 1;
	  $e_next = $thumbScroller.find('.content:nth-child(' + current + ')');
	}
	$loader.show();
	$('<img class="fp_preview"/>') .load(function () {
	  var $newimg = $(this);
	  var $currImage = $('#fp_gallery') .children('img:first');
	  $newimg.insertBefore($currImage);
	  $loader.hide();
	  $currImage.fadeOut(2000, function () {
		$(this) .remove();
	  });
	}) .attr('src', $e_next.find('img') .attr('alt'));
  }
  function showPrev() {
	--current;
	var $e_next = $thumbScroller.find('.content:nth-child(' + current + ')');
	if ($e_next.length == 0) {
	  current = nmb_thumbs;
	  $e_next = $thumbScroller.find('.content:nth-child(' + current + ')');
	}
	$loader.show();
	$('<img class="fp_preview"/>') .load(function () {
	  var $newimg = $(this);
	  var $currImage = $('#fp_gallery') .children('img:first');
	  $newimg.insertBefore($currImage);
	  $loader.hide();
	  $currImage.fadeOut(2000, function () {
		$(this) .remove();
	  });
	}) .attr('src', $e_next.find('img') .attr('alt'));
  }
  function makeScrollable() {
	$(document) .bind('mousemove', function (e) {
	  var top = (e.pageY - $(document) .scrollTop() / 2);
	  $(document) .scrollTop(top);
	});
  }
});

разметка получит вид

<div id="fp_gallery" class="fp_gallery">
						<img src="{ASSETS_IMAGES_PATH}1.jpg" alt="" class="fp_preview" style="display:none;"/>
						<div class="fp_overlay"></div>
						<div id="fp_loading" class="fp_loading"></div>
						<div id="fp_next" class="fp_next"></div>
						<div id="fp_prev" class="fp_prev"></div>
						<div id="outer_container">
								<div id="thumbScroller">
										<div class="container">
												<div class="content">
														<div><a href="#"><img src="{ASSETS_IMAGES_PATH}t1.jpg" alt="{ASSETS_IMAGES_PATH}1.jpg" class="thumb" /></a></div>
												</div>
												<div class="content">
														<div><a href="#"><img src="{ASSETS_IMAGES_PATH}t2.jpg" alt="{ASSETS_IMAGES_PATH}2.jpg" class="thumb" /></a></div>
												</div>
												<div class="content">
														<div><a href="#"><img src="{ASSETS_IMAGES_PATH}t3.jpg" alt="{ASSETS_IMAGES_PATH}3.jpg" class="thumb" /></a></div>
												</div>
												<div class="content">
														<div><a href="#"><img src="{ASSETS_IMAGES_PATH}t4.jpg" alt="{ASSETS_IMAGES_PATH}4.jpg" class="thumb" /></a></div>
												</div>
												<div class="content">
														<div><a href="#"><img src="{ASSETS_IMAGES_PATH}t5.jpg" alt="{ASSETS_IMAGES_PATH}5.jpg" class="thumb" /></a></div>
												</div>
										</div>
								</div>
						</div>
						<div id="fp_thumbtoggle" class="fp_thumbtoggle">View Thumbs</div>
				</div>

изображения "{ASSETS_IMAGES_PATH}t5.jpg" это ранее изображения с адресом вида images/thumbs/5.jpg а изображения "{ASSETS_IMAGES_PATH}5.jpg" ато изображения с адресом "images/5.jpg".

Данный слайдер доволно сложен в установке, и нет вероятности что все заработает в первого раза.

Для всплывающего изображения вы добавили стиль display: none !important;

div#nyroModalFull {
  display: none !important;
  z-index: 1000 !important;
}

В связи с этим изображение не отображается.

Цитата

Попробуйте в файле main.js заменить строку

$('.goodsDataMainImagesIcon a').live('click', function(){

на следующую

$('.goodsDataMainImagesIcon a').bind('click', function(){

Попробуйте дополнительно в ваш файл main.js добавить код

$(function() {
   // Изменение главного изображения товара при нажатии на миниатюру ЗАМЕНЯЛА
$('.goodsDataMainImagesIcon a').live('click', function(){
		// Путь к среднему изображению
	var MediumImageUrl = $(this).find('img').attr('rel'),
	   
		// Главное изображение, в которое будем вставлять новое изображение
		MainImage = $('.goodsDataMainImage img'),
	   
		// В этом объекте хранится идентификатор картинки главного изображения для коректной работы галереи изображений
		MainImageIdObject = $('.goodsDataMainImage input'),
	   
		// Получаем идентификатор этого изображения из соседнего input поля ЗАМЕНИЛА ДЛЯ КОРРЕКТНОГО ОТОБРАЖЕНИЯ
		GoodsImageIconId = $(this).closest('.goodsDataMainImagesIcon').find('input').attr("rel");
   
	// Изменяем главное изображение
	MainImage.attr('src',MediumImageUrl);
   
	// Изменяем идентификатор главного изображения
	MainImageIdObject.attr("rel",GoodsImageIconId);
   
	return false;
  });
});

Попробуйте в вашем файле main.js заменить код

$(function() {
if($('.insert-antispam').length) {
																 $.get('/feedback', function(html) {
																 $(html).find('#inject-antispam').children().appendTo($('.insert-antispam'));
										 $('#feedback_message').attr('name', $(html).find('#feedback_message').attr('name'));
var hidden = /ElementById\("(.*)"\).*ibute\(.*, "(.*)"\)/.exec(html);
$('#'+hidden[1]).val(hidden[2]);
																 });
}
$('.exclusive.submit-form').click(function(){
var form = $(this).closest('form');
$.post(form.attr('action'), form.serializeArray(), function() {
																																 $('.submit-form').html('<h5 class="msg">Спасибо за подписку!</h5>');
														 });
														 return(false);
});
});

на следующий

$(function() {
if($('.insert-antispam').length) {
  $.get('/feedback', function(html) {
	 $(html).find('#inject-antispam').children().appendTo($('.insert-antispam'));
	 $('#feedback_message').attr('name', $(html).find('#feedback_message').attr('name'));
	 $('#feedback_name').attr('name', $(html).find('#feedback_name').attr('name'));
	 $('#feedback_email').attr('name', $(html).find('#feedback_email').attr('name'));
	 var hidden = /ElementById\("(.*)"\).*ibute\(.*, "(.*)"\)/.exec(html);
	 $('#'+hidden[1]).val(hidden[2]);
  });
}
$('.exclusive.submit-form').click(function(){
  var form = $(this).closest('form');
  $.post(form.attr('action'), form.serializeArray(), function() {
	$('.submit-form').html('<h5 class="msg">Спасибо за подписку!</h5>');
  });
  return(false);
});
});

Сам код функции QuickLook у вас так же должен быть доступен. Код функции (на указанном вами сайте) выглядит так

function QuickLook(url)
{
jQuery.ajax({
  type : 'POST',
  cache: false,
  url: url,
	data: {only_body : 1},
  success: function(data)
  {
	  var c = $('<div class="box-modal" />');
	  c.html(data);
	  c.prepend('<div class="box-modal_close arcticmodal-close">X</div>');
	 
	  $.arcticmodal({content: c});
	 
   }
  });


}

необходимо размещать в файле main.js

Сообщение не отправляется из-за отсутствия ключа антиспам проверки. Ранее подобная проблема обсуждалась в следующей теме форума http://forum.storela...160#entry104490

Попробуйте очистить кэш в вашем браузере, так как по идее сообщение должно корректно отправляться "Ваше сообщение успешно отправлено администрации магазина". Для решения проблемы фона окна - добавьте в файл стилей

.arcticmodal-container .pad-box {
  float: none !important;
}

2 ошибки - это ошибки виджета VK is not defined. По всей вероятности виджет подключается на другой странице.

У вас отсутствует еще одно необходимое изменение. В форму обратного звонка необходимо вставить дополнительный блок

<span class="insert-antispam"></span>

Найдите в вашей форме обратного звонка - строку

<input type="hidden" name="hash" value="{HASH}" />

и замените её на

<input type="hidden" name="hash" value="{HASH}" />
<span class="insert-antispam"></span>

Цитата

Добавьте в ваш файл стилей main.css

div#nyroModalFull {
  z-index: 1000 !important;
}

Цитата

Найдите в файле main.js строку

GoodsImageIconId = $(this).parent().find('input').attr("rel");

и замените её на

GoodsImageIconId = $(this).closest('.goodsDataMainImagesIcon').find('input').attr("rel");

Данная проблема напрямую связана с приоритетом применяемых стилей. По всей видимости какие-то стили имеют больший приоритет и в связи с этим они искажают визуальную составляющую. В данном случае возможен только ручной подход к каждому конкретному случаю с определением стилей. Для решения проблемы необходимо задать больший приоритет именно тем стилям которые необходимы для исправления ситуации с отображением. Подобное можно достичь задав свойству метку !important или же прописать inline стиль т.е через атрибут style. Проблема на самом деле довольно объемная и решить её парами стилей к сожалению не получиться.

ooosik (13 Ноябрь 2013 - 06:32) писал:

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

otdyh-i-son.ru (13 Ноябрь 2013 - 14:55) писал:

Если вы не можете восстановить шаблон из резервной копии, то выполните обратные действия инструкции http://forum.storela...ак/#entry101602 т.е ищите то на что нужно заменить и меняете на то что нужно найти (по инструкции).

Вам необходимо открыть вашу страницу для редактирования и перейти к визуальному редактору (где вы вставляли таблицу). После этого нажмите на кнопку "Источник" на панели визуального редактора и в отобразившемся коде найдите строку

<table align="center" border="1" bordercolor="#ccc" cellpadding="0" cellspacing="0" style="line-height: 1.4em; width: 700px;">

и замените её на

<table class="tblBorder" align="center" border="1" bordercolor="#ccc" cellpadding="0" cellspacing="0" style="line-height: 1.4em; width: 700px;">

после этого зайдите в раздел Сайт -> Редактор шаблонов и откройте для редактирования файл стилей main.css, далее добавьте в самый конец следующий код

.htmlDataBlock .tblBorder {
  width: 100%;
}
.htmlDataBlock .tblBorder td {
  border: 3px solid #ccc !important;
}
.htmlDataBlock .tblBorder tr td:first-child {
  border-right: none !important;
}
.htmlDataBlock .tblBorder tr td:last-child {
  border-left: medium none !important;
}
.htmlDataBlock .tblBorder tr td:last-child div {
  margin-left: 0 !important;
  padding-right: 8px;
}

Попробуйте в файл стилей style.css добавить

.fancybox-title-float-wrap {
  top: 102%;
  bottom: inherit !important;
}
.fancybox-title-float-wrap .child {
  white-space: inherit !important;
}

Цитата

Изображения вы можете вставлять в описание к модификации в виде тега <img>. Об этом вам уже сообщил модератор ранее. Данные изображения будут дополнительными изображениями, а не основными.

Добавьте в ваш файл стилей style.css

html {
  overflow: visible !important;
}
.fancybox-lock .fancybox-overlay {
  overflow-x: auto !important;
  overflow-y: auto !important;
}

В вашем шаблоне "Товар" несколько ошибок. Первая ошибка в блоке

<!-- Блок информации по акции действующей на товар, если таковая есть -->
								  {% IF GOODS_MOD_MAX_DISCOUNT_ID %}
									<tr>
										  <td class="goodsDataMainDiscountBlock" colspan="2">
											<div itemprop="priceValidUntil" content="{GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT | date("Y-m-d")}">
												  <!-- Акция на товар -->
												  <strong>Товар участвует в акции &laquo;<a href="{GOODS_MOD_MAX_DISCOUNT_URL}">{GOODS_MOD_MAX_DISCOUNT_CAMPAIGN_NAME}</a>&raquo;.</strong><br />
												  По {GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT | date} скидка составляет {GOODS_MOD_MAX_DISCOUNT}%
											</div>
										  </td>
									</tr>
								  {% ENDIF %}

В данном случае код подразумевает таблицу, хотя он вставлен в список <ul>. Замените код на

<!-- Блок информации по акции действующей на товар, если таковая есть -->
								  {% IF GOODS_MOD_MAX_DISCOUNT_ID %}
								   <table>
									<tr>
										  <td class="goodsDataMainDiscountBlock" colspan="2">
											<div itemprop="priceValidUntil" content="{GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT | date("Y-m-d")}">
												  <!-- Акция на товар -->
												  <strong>Товар участвует в акции &laquo;<a href="{GOODS_MOD_MAX_DISCOUNT_URL}">{GOODS_MOD_MAX_DISCOUNT_CAMPAIGN_NAME}</a>&raquo;.</strong><br />
												  По {GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT | date} скидка составляет {GOODS_MOD_MAX_DISCOUNT}%
											</div>
										  </td>
									</tr>
								  </table>
								  {% ENDIF %}

Вторая ошибка в перенесенном блоке доставки

<!-- Условия доставки -->
				 <div class="block">
						 <div class="delivery fnt12n txtalgnlft">
						 <p class="fnt12b">												 
						 </p>
						 <!-- Способ -->
						 {% FOR goods_delivery %}					   
								 <div class="variant">						
								 <div class="title fnt12b" rel="{goods_delivery.ID}
															  
															   ">
															  
															  
															   О доставке товара:										
								 </div>
								 <div class="info"C
										 {goods_delivery.DESC}
								 </div>
								 {% IF goods_delivery.rules_empty %}
										 <div class="delivmoney fnt11i">
										
										 </div>
								 {% ELSE %}
										 <div class="delivmoney fnt11i">
										 Стоимость доставки зависит от суммы заказа:
										 </div>
										 <div class="history" style="padding:0;">
										 <table cellpadding="0" width="100%" cellspacing="0" class="fnt11b txtalgncnt">
										 <tr class="title">
												 <td>
												 Для заказов больше
												 </td>
												 <td width="30%">
												 Стоимость
												 </td>
										 </tr>
										 {% FOR rules %}
												 <tr class="delivery">
												 <td class="txtalgnlft">
														 {goods_delivery.rules.SUM_MORE_PRICE | money_format}
												 </td>
												 <td class="last">
														 {goods_delivery.rules.PRICE | money_format}
												 </td>
												 </tr>
										 {% ENDFOR %}
										 <tr class="delivery">
												 <td class="old txtalgnlft fnt10n">
												 Для заказов меньше {goods_delivery.SUM_LESS_PRICE | money_format}
												 </td>
												 <td class="last">
												 {goods_delivery.PRICE | money_format}
												 </td>
										 </tr>
										 </table>
										 </div>
								 {% ENDIF %}
								 </div>
						 {% ENDFOR %}
						 <!-- Способ-Конец -->
						 </div>
				 </div>
				 <!-- Условия доставки-Конец -->

В данном случае тег <div> обрезан

<div class="info"C
										 {goods_delivery.DESC}
								 </div>

замените весь блок на

<!-- Условия доставки -->
				 <div class="block">
						 <div class="delivery fnt12n txtalgnlft">
						 <p class="fnt12b">												 
						 </p>
						 <!-- Способ -->
						 {% FOR goods_delivery %}					   
								 <div class="variant">						
								 <div class="title fnt12b" rel="{goods_delivery.ID}">О доставке товара:</div>
								 <div class="info">
										 {goods_delivery.DESC}
								 </div>
								 {% IF goods_delivery.rules_empty %}
										 <div class="delivmoney fnt11i">
										
										 </div>
								 {% ELSE %}
										 <div class="delivmoney fnt11i">
										 Стоимость доставки зависит от суммы заказа:
										 </div>
										 <div class="history" style="padding:0;">
										 <table cellpadding="0" width="100%" cellspacing="0" class="fnt11b txtalgncnt">
										 <tr class="title">
												 <td>
												 Для заказов больше
												 </td>
												 <td width="30%">
												 Стоимость
												 </td>
										 </tr>
										 {% FOR rules %}
												 <tr class="delivery">
												 <td class="txtalgnlft">
														 {goods_delivery.rules.SUM_MORE_PRICE | money_format}
												 </td>
												 <td class="last">
														 {goods_delivery.rules.PRICE | money_format}
												 </td>
												 </tr>
										 {% ENDFOR %}
										 <tr class="delivery">
												 <td class="old txtalgnlft fnt10n">
												 Для заказов меньше {goods_delivery.SUM_LESS_PRICE | money_format}
												 </td>
												 <td class="last">
												 {goods_delivery.PRICE | money_format}
												 </td>
										 </tr>
										 </table>
										 </div>
								 {% ENDIF %}
								 </div>
						 {% ENDFOR %}
						 <!-- Способ-Конец -->
						 </div>
				 </div>
				 <!-- Условия доставки-Конец -->

Цитата

Да можно удалить. На визуальную часть это не повлияет.

К сожалению в рамках данных стилей улучшить отображение таблицы уже не получиться. Остается вариант частичного удаления стилей из файла сброса reset.css для таблицы, и задание стилей для всех таблиц сайта кроме таблиц в блоке htmlDataBlock. Сделать все это можно следующим образом - удаляем изменения которые ранее были добавлены из файла стилей main.css а именно классы

.htmlDataBlock table, .htmlDataBlock tbody, .htmlDataBlock tfoot, .htmlDataBlock thead, .htmlDataBlock tr, .htmlDataBlock th, .htmlDataBlock td {
	border: inherit;
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
	line-height: inherit;
	margin: inherit;
	padding: inherit;
	vertical-align: middle;
}

так же необходимо удалить и

th, td {
	font-size: 1em;
	margin: 0.8333em 0;
	padding: 3px 10px 3px 0;
	text-align: left;
}

далее класс

#table_border {
	border: 1px solid;
	border-collapse: separate;
	border-spacing: 1px;
}

далее

.htmlDataBlock table {
	border: 1px solid;
	border-collapse: separate;
	border-spacing: 1px;
}

далее

table {
	border-collapse: collapse;
	margin-top: 20px;
	width: auto;
}

после этого удаляем подключение файла сброса reset_01.css из шаблона "HTML", а в самое начало файла стилей main.css добавляем

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, caption {
	border: 0 none;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	line-height: 1.22em;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
a:active, a:focus, input[type="image"] {
	outline: 0 none;
}
a img, *:link img, *:visited img {
	border: 0 none;
}
ol, ul {
	list-style: none outside none;
}
q:before, q:after, blockquote:before, blockquote:after {
	content: "";
}
strong, label, h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}
em {
	font-style: italic;
}
input, textarea, select {
	margin: 0;
}

в итоге мы сбрасываем все стили кроме таблиц. Остается задать эти самые табличные сбросы для каждой таблицы вне контентного блока. Далее необходимо всем таблицам заменить id на class для исключения высокого приоритета стилей сброса.

Для этого необходимо в файле стилей main.css найти

все строки

#contactInfo

и заменить их на

.contactInfo

далее найти все строки

#mainNav

и заменить их на

.mainNav

далее найти все строки

#cartInfo

и заменить их на

.cartInfo

далее найти все строки

#content

и заменить их на

.content

после этого изменения необходимы в шаблоне "HTML" необходимо найти строку

<div id="contactInfo">

и заменить её на

<div class="contactInfo">

далее найти строку

<div id="mainNav">

и заменить её на

<div class="mainNav">

далее найти строку

<div id="cartInfo">

и заменить её на

<div class="cartInfo">

далее найти строку

<div id="content">

и заменить её на

<div class="content">

после этого в самое начало файла стилей main.css необходимо добавить стили сброса таблиц по всем измененным правилам

.contactInfo table,
.contactInfo td,
.contactInfo tr,
.contactInfo tbody,
.contactInfo thead,
.contactInfo tfoot,
.contactInfo th,
.mainNav table,
.mainNav td,
.mainNav tr,
.mainNav tbody,
.mainNav thead,
.mainNav tfoot,
.mainNav th,
.cartInfo table,
.cartInfo td,
.cartInfo tr,
.cartInfo tbody,
.cartInfo thead,
.cartInfo tfoot,
.cartInfo th,
.content > table,
.content > table > tbody,
.content > table > tbody > tr,
.content > table > tbody > tr > td,
.content > table > thead,
.content > table > thead > tr,
.content > table > thead > tr > td,
.content > table > tfoot,
.content > table > tfoot > tr,
.content > table > tfoot > tr > td {
	border: 0 none;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	line-height: 1.22em;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
.contactInfo table,
.mainNav table,
.cartInfo table,
.content > table {
	border-collapse: collapse;
	border-spacing: 0;
}
.contactInfo table,
.mainNav table,
.cartInfo table,
.content > table {
	border-collapse: collapse;
	margin-top: 20px;
	width: auto;
}

Все изменения необходимо проводить очень внимательно. Перед изменениями обязательно делать резервную копию шаблона.

Информация о данной проблеме будет передана разработчикам. Пожалуйста, ожидайте...