В файл стилей main.css добавьте:

.zones-header {
float: none !important;
}

а javascript код выше замените на:

$(function () {
$('.zones').hide();
$('.deliveryRadio').click(function () {
$('.zones').hide();
var tree = $(this).closest('tr');
while(true) {
	 if (!tree.next('.zones').length) break;
		 tree = tree.next('.zones').show();
	 }
});
$('.deliveryRadio:checked') .trigger('click');
});

Здравствуйте.
У нас по умолчанию в шаблонах многих функций нету, если вы захотите, то вам нужно будет написать javascript c нужным вам функционалом.

Это очень мало

В шаблоне Быстрое оформление заказа найдите:

{% FOR zone_list %}
									 <!-- Заголовок внутри метода доставки, появляется только один раз-->
										 {% IF order_delivery.zone_list.index=1 %}
											 <tr>
												 <td></td>
												 <td>
													 <label for="deliveryId{order_delivery.ID}">
														 <p class="fnt12b">
														 <i>Выберите костюм:</i>
														 </p>
													 </label>
												 </td>
												 <td></td>
											 </tr>
										 {% ENDIF %}
									 <tr>
										 <td></td>
										 <td>
											 <input
												 type="radio"
												 class="deliveryZoneRadio"
												 deliveryid="{order_delivery.ID}"
												 id="deliveryZoneId{order_delivery.zone_list.ID}"
												 name="form[delivery][zone_id]"
												 value="{order_delivery.zone_list.ID}"
												 {% IF order_delivery.zone_list.ID = ORDER_FORM_DELIVERY_ZONE_ID %}
													 checked="checked" rel="true"
												 {% ENDIF %}
												 />
											 <label for="deliveryZoneId{order_delivery.zone_list.ID}">
												 {order_delivery.zone_list.NAME}
											 </label>
										 </td>
										 <td width="18%">
											 <label for="deliveryZoneId{order_delivery.zone_list.ID}">
												 <span class="deliveryZonePrice">
												 <b>+ {order_delivery.zone_list.END_PRICE | money_format}</b>
												 </span>
											 </label>
										 </td>
									 </tr>
								 {% ENDFOR zone_list %}

замените на:

{% FOR zone_list %}
		 <tr class="zones">
			 <td></td>
			 <td>
			 <!-- Заголовок внутри метода доставки, появляется только один раз-->
			 {% IF order_delivery.zone_list.index=1 %}
				 <label for="quickDeliveryIdMain{order_delivery.ID}" class="zones-header">Зоны доставки</label>
			 {% ENDIF %}
			 <input
				 type="radio" class="deliveryZoneRadio" deliveryid="{order_delivery.ID}" id="quickDeliveryZoneId{order_delivery.zone_list.ID}" name="form[delivery][zone_id]" value="{order_delivery.zone_list.ID}"
				 {% IF order_delivery.zone_list.ID = ORDER_FORM_DELIVERY_ZONE_ID %}
				 checked="checked" rel="true"
				 {% ENDIF %}
			 />
			 <label class="orderStageDeliveryZoneLabel" for="quickDeliveryZoneId{order_delivery.zone_list.ID}" style="color: #333;">
				 {order_delivery.zone_list.NAME}
				 <span class="deliveryZonePrice" style="color: #333;">{order_delivery.zone_list.END_PRICE | money_format}</span>
			 </label>
			 </td>
			 <td></td>
		 </tr>
		 {% ENDFOR %}

далее в конце main.js пропишите:

/* !PickPoint--*/
$(function() {
$('.zones').hide();
$('.deliveryRadio').click(function() {
$('.orderStageDeliveryListTable > tbody').each(function() {
$(this).find('tr:not(:eq(0), :eq(1))').hide();
});
$(this).closest('tbody').find('tr').show();
});
$('.deliveryRadio:checked').trigger('click');
});

можно сделать что-то вроде спойлера, при выборе доставки будут всплывать зоны, данный вопрос рассматривался у нас на форуме и имеет инструкцию: http://forum.storela...а-странице-офо/

к сожалению, 3 уровня реализовать нельзя

В качестве этого можно использовать зоны доставки. На сколько я понимаю, доставка должна осуществляться девушкой или парнем, также клиенту предоставляется выбор костюма курьера и действие при получении. Реализовать это можно примерно так (изображения моделей могу убрать с форма по Вашему требованию):


Таким образом дерево доставки может быть только 2х-уровневое.

Данный код предназначен для шаблона ТОВАРЫ (каталога товаров).

Уточните пожалуйста на скриншотах в каких местах должна быть кнопка "Подробнее"

Вам необходимо чтобы при нажатии на кнопку Добавить в заказ был переход в карточку товара?

В шаблоне Товары
Находим

<a class="btn toCart btn-success" onclick="addItem('#goodsListFormId{goods.MIN_PRICE_NOW_ID}');
return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Добавить «{goods.NAME}» в заказ">
<span class="basket_add">Добавить в заказ</span>
</a>

Заменяем на

<a class="btn toCart btn-success" href="{goods.URL}" title="Подробнее о «{goods.NAME}»">
<span class="basket_add">Подробнее</span>
</a>

Здравствуйте, попробуйте такой вариант
В шаблоне товары
Находим

<a class="btn toCart btn-success" onclick="addItem('#goodsListFormId{goods.MIN_PRICE_NOW_ID}');
return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Добавить &laquo;{goods.NAME}&raquo; в заказ">
<span class="basket_add"></span>
</a>

Заменяем на

<a class="btn toCart btn-success" href="{goods.URL}" title="Перейти к &laquo;{goods.NAME}&raquo;">
												 <span class="basket_add"></span>
											 </a>

Эта кнопка по сути не быстрый заказ, а положить в корзину. Но если она Вам не нужна, найдите в шаблоне Товары коды:

<span class="basket_add"></span>

и замените на:

<span class="basket_add">Подробнее</span>

Далее в main.css ищем:

.numeric {
display: inline-block;
}

и меняем на:

.numeric {
display: none;
}

а код:

.basket_add {
z-index: 200;
display: block;
float: left;
width: 22px;
height: 22px;
background: #333333 url('http://m37840.storeland.net/sprites.png') -80px -4px no-repeat;
background-color: transparent;
}

меняем на:

.basket_add {
z-index: 200;
display: block;
float: left;
width: 100px;
height: 22px;
background: #333333;
}

Так вот я вам еще до этого написал, что магазин не внушает доверия. Магазин должен быть сделан так, что бы у покупателя априори лишних мыслей в голове не возникало, Магазин визуально должен быть безупречен и выглядеть как дорогой глянцевый журнал.

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

1. В сельпо где продавщица - девушка с веслом
2. Бутик на Кутузе с красивыми тетками продавщицами с милыми улыбками на лице
Причем цены и качество товара будут одинаковые.

Пример конечно я придумал не очень, но где то так)))

На этом после:

<div class="title">
								 <h4><a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">{goods.NAME}</a></h4>
							 </div>

В шаблоне Товары есть две строки:

<div class="product-name"><p title="{goods.NAME}" onclick="javascript:document.location.href='{goods.URL_MIN_PRICE_NOW | url_amp}'" style="*height:;">{goods.NAME}</p></div>

можно после них. Только:

{goods.mods.v.NAME}: {goods.mods.v.VALUE}

лучше замените на:

<div class="mods">{goods.mods.v.NAME}: {goods.mods.v.VALUE}</div>

Попробуйте использовать конструкцию:

{% FOR mods %}		
						 {%FOR v%}
							 {goods.mods.v.NAME}: {goods.mods.v.VALUE}
						 {% ENDFOR v %}
{% ENDFOR%}
		

Можно вывести варианты модификаций. Но прямо из каталога выбирать модификации и класть в корзину нельзя.

Вручную у Вас сейчас слайды листаются. Если Вам нужно автопрокрутка, то в нашлоне HTML найдите код:

itemsMobile : false,

и после него добавьте:

autoPlay : 3000,

Можно сделать вывод модификаций, но выбор, к сожалению, сделать нельзя.