Перейти к содержимому


Переделка Под Осень

Автор puncherstore, 06 нояб. 2013 09:01

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 66

#1 puncherstore

puncherstore

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 118 сообщений

Отправлено 06 Ноябрь 2013 - 09:01

Добрый день

Шаблон осень очень понравился, классно сделали.

Мой сайт puncherstore.ru

Вот задался вопросом:

Хочу реализовать на своем сайте следующее от шаблона осень:

1) Растянуть свой сайт по ширине (черные полосы: меню,новинки,хиты так же растянулись) , чтобы влезал 4 ряд товара и соответственно страница самого товара была под шаблон осень

2) Страницу товара полностью от шаблона осень, прямо один в один.

3) Корзину от осени (вместе с вспывающим окошком), вместо моей "надписи моя корзина"

4) И весь интерфейс, корзины, оформления заказа от осени

Примеры прикрепил

Скажите это реально сделать?  и с чего начать?

А то на своем сайте нравятся менюшки, цвета, но интерфейс осени куда лучше, у меня колхоз. Особенно удалась страница товара. И переходя полностью на шаблон осень, его столько же допиливать, плюс потеряется все, что нравится

4 товара в ряд, растянуто по ширине

Прикрепленные изображения

  • 4 ряда по ширине главная.png

#2 мистка

мистка

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 435 сообщений
  • ГородМосква

Отправлено 06 Ноябрь 2013 - 09:01

у вас очень достойный сайт не портите)))

#3 puncherstore

puncherstore

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 118 сообщений

Отправлено 06 Ноябрь 2013 - 09:06

4 товара в ряд, растянуто по ширине

1) страница товараот осень

2) Корзина в шапке от осени (со всплывающим окном)

3) Интерфейс корзины от осени и оформление заказа от осени

Просмотр сообщениязлая я))) (06 Ноябрь 2013 - 09:01) писал:

у вас очень достойный сайт не портите)))

Спасибо))) но у меня страница товара, корзина и оформление заказа очень ужасное, скрины прикрепил как будет выглядеть, имхо намного лучше))

Прикрепленные изображения

  • 4 ряд товара, по ширине.png
  • Страница товара осень на puncherstore.ru испр1 с корзиной.png
  • Корзина от шаблона осень.png
  • Оформление заказа от шаблона осень.png

#4 puncherstore

puncherstore

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 118 сообщений

Отправлено 06 Ноябрь 2013 - 09:40

Заодно тогда можно заголовки страниц сделать как в осени, скрин прикрепил

Прикрепленные изображения

  • Дерево и заголовок.png

#5 puncherstore

puncherstore

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 118 сообщений

Отправлено 06 Ноябрь 2013 - 10:13

хм и вот еще вопрос, если я все это дело расширю, есть вероятность того что к примеру с планшета не удобно будет?


Смотрю с телефона там 3 ряда вообще отлично, а вот уже возможно будет перебор.

Тогда есть возможность сделать все так же, страницу товара, корзину, доставку но не расширяя сайт?


Или другой вариант, проще перенести текущий дизайн на новый шаблон?)

#6 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 06 Ноябрь 2013 - 11:39

Расширения основного блока повлечет за собой многие изменения в коде. И возможно сайтом будет не удобно пользоваться на устройствах с маленьким резрешением.

#7 puncherstore

puncherstore

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 118 сообщений

Отправлено 07 Ноябрь 2013 - 08:22

Тогда оставим без расширения, как мне сделать страницу товара один в один со страницей товара осень?

#8 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 07 Ноябрь 2013 - 08:26

Просмотр сообщенияLeprekon20 (07 Ноябрь 2013 - 08:22) писал:

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

#9 puncherstore

puncherstore

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 118 сообщений

Отправлено 07 Ноябрь 2013 - 11:08

.

#10 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 07 Ноябрь 2013 - 12:52

Сделал вам шапку сайта.
ScreenShot 896.png
Придется заменить весь код из файла main.css на этот код:
Скрытый текст



Панель администратора, "Сайт"->"Редактор шаблонов".
В файле "HTML".
Найти код:
  <div class="fluid-bg" id="header-fluid">
	<!-- Сообщение для инвалидов -->
	<noscript> 
	  <div class="noscript"> 
		<div class="noscript-inner"> 
		  <p><strong>Мы заметили что у Вас выключен JavaScript.</strong></p> 
		  <p>Необходимо включить его для корректной работы сайта.</p> 
		</div> 
	  </div> 
	</noscript>
	<!-- END Сообщение для инвалидов -->

	<div class="container">   
	  <div class="column full" id="header">
   <div id="header-logo">
<a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}">
<img class="logo" src="{ASSETS_IMAGES_PATH}logosmall.png" alt="{SETTINGS_STORE_NAME}. Перейти на главную" /> 
			 {SETTINGS_STORE_NAME}
</a>
</div>
		<div id="header-right">
<div id="header_user_info"> 
			<!-- Если в тарифном плане подключен модуль сравнения товаров -->
			{% IF TARIFF_FEATURE_GOODS_COMPARE %}
			  <!-- Если не выключен модуль сравнения товаров, то покажем этот блок -->
			  {% IFNOT SETTINGS_COMPARE_DISABLE %} 
				{% IF COMPARE_GOODS_COUNT=0 %}
				  <div class="menuCompare" style="visibility: hidden;">
					<em>Ваш список сравнения пуст</em>
				  </div>
				{% ELSE %}
				  <div class="menuCompare">
					<em>Сейчас на <a href="{COMPARE_URL}">сравнении</a> {COMPARE_GOODS_COUNT} товар{COMPARE_GOODS_COUNT | gen_word_end("","а","ов")}.</em><br />
				  </div>
				{% ENDIF %}
			  {% ENDIF %}
			{% ENDIF %}
			<!-- END Если в тарифном плане подключен модуль фильтров по товарам -->
</div>
		  <!-- Корзина -->
<div id="header_shopping_cart">
<div id="shopping_cart"> 
<a href="{CART_URL}" title="Перейти в корзину">
				{% IF cart_count_empty %}
				  <span class="ajax_cart_no_product">Корзина пуста</span> 
				{% ELSE %}
				  <span class="ajax_cart_quantity">{CART_COUNT_TOTAL} товар{CART_COUNT_TOTAL | gen_word_end("","а","ов")}</span> 
				{% ENDIF %} 
<span class="down_arrow_dark"></span> 
</a>
</div>
</div>		  
		  <!-- Форма поиска -->
		  <div id="search_block_top"> 
			<form id="searchbox" action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search_query_top').val()=='Поиск...') return false;"> 
			  <div class="search_block_top_form"> 
				<input id="search_query_top" type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск...{% ENDIF %}" onfocus="if(this.value=='Поиск...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск...';}" class="search_query light ac_input" />
				<input type="submit" name="submit_search" title="Искать" value="" class="search_button">
			  </div> 
			</form> 
		  </div>
		  <!-- /Форма поиска -->
		  <div id="cart_block">
<div id="cart_block_bottom">
<div id="cart_block_other_costs">
<div class="other_cost_wrapper"  style="width: 100%"> 
				  {% IF cart_count_empty %}
					<p id="cart_block_no_products">Ваша корзина пуста</p>
				  {% ELSE %}
   <span>Товаров </span> 
   <span class="price" id="cart_block_shipping_cost">{CART_COUNT_TOTAL}</span>
					<span>на сумму </span> 
   {% ENDIF %}
	 <span class="price" id="cart_block_total" style="text-align: right;">{% IF cart_count_empty %}{% ELSE %}{% FOR cart_sum %}{cart_sum.NOW_WITH_DISCOUNT | money_format}{% ENDFOR %}{% ENDIF %}</span>
</div>
</div>
<div id="cart_block_total_checkout"> 
<a class="exclusive" href="{CART_URL}" id="button_order_cart" rel="nofollow" title="Оформить заказ"><span>Оформить заказ</span></a>
</div>
</div>
</div>
		  <div class="clear"></div>		
		</div>

		<!-- Блок навигации -->
		{% IFNOT menu_empty %} 
		  <ul id="megamenu"> 
			{% FOR menu %}
			  {% FOR header %}
				{% FOR links %}
				  <li class="root_menu {% IF menu.header.links.SELECTED %}active{% ENDIF %}" >
					<a href="{menu.header.links.URL}" class="root_link" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} >{menu.header.links.NAME}</a>
				  </li>
			 {% ENDFOR %}
			  {% ENDFOR %}
			{% ENDFOR %}
		  </ul>
		{% ENDIF %}

		{% IFNOT menu_empty %} 
		  <ul class="accordion_main"> 
			<li class="parent">Меню
			  <ul class="accordion">
				{% FOR menu %}
				  {% FOR header %}
					{% FOR links %}
					  <li class="root_menu {% IF menu.header.links.SELECTED %}active{% ENDIF %}">
						<a href="{menu.header.links.URL}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} class="root_link">{menu.header.links.NAME}</a>
					  </li>
				 {% ENDFOR %}
				  {% ENDFOR %}
				{% ENDFOR %}
			  </ul>
			</li>
		  </ul>
		{% ENDIF %}
		<!-- END Блок навигации -->  
	  </div>
	</div>
  </div>
Заменить:
<div class="fluid-bg" id="header-fluid">
	<!-- Сообщение для инвалидов -->
	<noscript> 
	  <div class="noscript"> 
		<div class="noscript-inner"> 
		  <p><strong>Мы заметили что у Вас выключен JavaScript.</strong></p> 
		  <p>Необходимо включить его для корректной работы сайта.</p> 
		</div> 
	  </div> 
	</noscript>
	<!-- END Сообщение для инвалидов -->

	<div class="container">   
	  <div class="column full" id="header">
   <div id="header-logo">
<a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}">
<img class="logo" src="{ASSETS_IMAGES_PATH}logosmall.png" alt="{SETTINGS_STORE_NAME}. Перейти на главную" /> 
</a>
</div>
		<div id="header-right">
<div id="header_user_info"> 
			<!-- Если в тарифном плане подключен модуль сравнения товаров -->
			{% IF TARIFF_FEATURE_GOODS_COMPARE %}
			  <!-- Если не выключен модуль сравнения товаров, то покажем этот блок -->
			  {% IFNOT SETTINGS_COMPARE_DISABLE %} 
				{% IF COMPARE_GOODS_COUNT=0 %}
				  <div class="menuCompare" style="visibility: hidden;">
					<em>Ваш список сравнения пуст</em>
				  </div>
				{% ELSE %}
				  <div class="menuCompare">
					<em>Сейчас на <a href="{COMPARE_URL}">сравнении</a> {COMPARE_GOODS_COUNT} товар{COMPARE_GOODS_COUNT | gen_word_end("","а","ов")}.</em><br />
				  </div>
				{% ENDIF %}
			  {% ENDIF %}
			{% ENDIF %}
			<!-- END Если в тарифном плане подключен модуль фильтров по товарам -->
</div>
		  <!-- Корзина -->
<div id="header_shopping_cart">
<div id="shopping_cart"> 
<a href="{CART_URL}" title="Перейти в корзину">
				{% IF cart_count_empty %}
				  <span class="ajax_cart_no_product">Корзина пуста</span> 
				{% ELSE %}
				  <span class="ajax_cart_quantity">{CART_COUNT_TOTAL} товар{CART_COUNT_TOTAL | gen_word_end("","а","ов")}</span> 
				{% ENDIF %} 
<span class="down_arrow_dark"></span> 
</a>
</div>
</div>		  
		  <!-- Форма поиска -->

		  <!-- /Форма поиска -->
		  <div id="cart_block">
<div id="cart_block_bottom">
<div id="cart_block_other_costs">
<div class="other_cost_wrapper"  style="width: 100%"> 
				  {% IF cart_count_empty %}
					<p id="cart_block_no_products">Ваша корзина пуста</p>
				  {% ELSE %}
   <span>Товаров </span> 
   <span class="price" id="cart_block_shipping_cost">{CART_COUNT_TOTAL}</span>
					<span>на сумму </span> 
   {% ENDIF %}
	 <span class="price" id="cart_block_total" style="text-align: right;">{% IF cart_count_empty %}{% ELSE %}{% FOR cart_sum %}{cart_sum.NOW_WITH_DISCOUNT | money_format}{% ENDFOR %}{% ENDIF %}</span>
</div>
</div>
<div id="cart_block_total_checkout"> 
<a class="exclusive" href="{CART_URL}" id="button_order_cart" rel="nofollow" title="Оформить заказ"><span>Оформить заказ</span></a>
</div>
</div>
</div>
		  <div class="clear"></div>		
		</div>
		<div class="header-menu-line">
		<!-- Блок навигации -->
		{% IFNOT menu_empty %} 
		  <ul id="megamenu">
			<li class="to-home"><a href="http://{NET_DOMAIN}/" alt="На главную"></a></li>
			{% FOR menu %}
			  {% FOR header %}
				{% FOR links %}
				  <li class="root_menu {% IF menu.header.links.SELECTED %}active{% ENDIF %}" >
					<a href="{menu.header.links.URL}" class="root_link" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} >{menu.header.links.NAME}</a>
				  </li>
			 {% ENDFOR %}
			  {% ENDFOR %}
			{% ENDFOR %}
		  </ul>
		{% ENDIF %}

		{% IFNOT menu_empty %} 
		  <ul class="accordion_main"> 
			<li class="to-home"><a href="http://{NET_DOMAIN}/" alt="На главную"></a></li>
			<li class="parent">Меню
			  <ul class="accordion">
				{% FOR menu %}
				  {% FOR header %}
					{% FOR links %}
					  <li class="root_menu {% IF menu.header.links.SELECTED %}active{% ENDIF %}">
						<a href="{menu.header.links.URL}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} class="root_link">{menu.header.links.NAME}</a>
					  </li>
				 {% ENDFOR %}
				  {% ENDFOR %}
				{% ENDFOR %}
			  </ul>
			</li>
		  </ul>
		{% ENDIF %}
		<!-- END Блок навигации -->  
		<div id="search_block_top"> 
			<form id="searchbox" action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search_query_top').val()=='Поиск...') return false;"> 
			  <div class="search_block_top_form"> 
				<input id="search_query_top" type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск...{% ENDIF %}" onfocus="if(this.value=='Поиск...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск...';}" class="search_query light ac_input" />
				<input type="submit" name="submit_search" title="Искать" value="" class="search_button">
			  </div> 
			</form> 
		</div>
		<div class="clear"></div>
		</div>

	  </div>
	</div>
  </div>

Прикрепленные изображения

  • ScreenShot 897.png

#11 puncherstore

puncherstore

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 118 сообщений

Отправлено 07 Ноябрь 2013 - 13:56

Огромное спасибо за Ваши труды, прошу прощения за потерянное время, но пока не буду переходить на осень, сил и навыка не хватит все грамотно сделать.

В связи с чем, надо добить мой сайт

1) http://forum.storela...ческие-вкладки/

Сделал все как в этой теме, получилось следующие:

А хочу сделать дизайн вкладок как в осени, что надо переделать?

Прикрепленные изображения

  • Динамические вкладки.png

#12 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 07 Ноябрь 2013 - 16:40

Просмотр сообщенияLeprekon20 (07 Ноябрь 2013 - 13:56) писал:

Огромное спасибо за Ваши труды, прошу прощения за потерянное время, но пока не буду переходить на осень, сил и навыка не хватит все грамотно сделать.

В связи с чем, надо добить мой сайт


Сделал все как в этой теме, получилось следующие:

А хочу сделать дизайн вкладок как в осени, что надо переделать?


Панель администратора, "Сайт"->"Редактор Шаблонов".
В конец файла "main.css".
Добавить код:
/* Вкладки на странице товара */
.idTabs{border:none;margin:0;padding:0;color:#555555;*display:block;*clear:both;*zoom:1;}
ul.idTabs li{margin-right:5px;float:none;*float:left;display:inline-block}
.idTabs a{display:block;text-decoration:none;background:#fafafa;color:#909090;border:1px solid #c0c0c0;*border-top:2px solid #c0c0c0;*border-left: 1px solid #c0c0c0;*border-bottom: 0px solid #c0c0c0;*border-right: 1px solid #c0c0c0;font-size:13px;font-weight:600;position:relative;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;padding:10px 20px}
.idTabs a.selected{background:#ffffff;color:#444444;border: 1px solid #c0c0c0;*border-top:2px solid #c0c0c0;*border-left: 1px solid #c0c0c0;*border-bottom: 0px solid #c0c0c0;*border-right: 1px solid #c0c0c0;z-index:1;}
#idTab1, #idTab2, #idTab3 {display: none;}
#more_info_shadow{position:relative;background:#ffffff;margin-bottom: 50px;*border-top:0px solid #c0c0c0;*border-left: 2px solid #c0c0c0;*border-bottom: 2px solid #c0c0c0;*border-right: 2px solid #c0c0c0;/*box-shadow:0 0 5px 0 rgba(0,0,0,0.20);-moz-box-shadow:0 0 5px 0 rgba(0,0,0,0.20);-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.20);*/border: 1px solid #c0c0c0;}
#more_info_sheets{position:relative;z-index:2;margin-top:-2px;padding: 25px 30px 30px 30px;background:#ffffff;color:#555555}
#more_info_sheets ul,#more_info_sheets ol,#more_info_sheets dl{margin:0}
#more_info_sheets ul.bullet{list-style-type:disc;margin-left:16px}
#more_info_sheets input[type=text]{width:240px}
#more_info_sheets textarea{width:100%;height:90px}
#more_info_sheets ul.product_feature_list{width:auto}
#more_info_sheets li.product_feature{border-bottom:1px solid #c0c0c0}
#more_info_sheets span.product_feature_title{display:inline-block;padding:5px 10px}
#more_info_sheets span.product_feature_data{margin-left:20px;padding:5px 10px;display:inline-block;float:right}
#more_info_sheets ul,#more_info_sheets ol,#more_info_sheets dl{margin-left:20px}
#more_info_sheets em{font-style:italic}
#more_info_sheets .product_desc{margin-top:5px}
#more_info_sheets .product_desc .product_image{float:left}
#more_info_sheets .product_desc .block_description{float:left;margin-left:10px;width:420px}
#more_info_sheets .product_desc .clear_product_desc{clear:both;height:0;line-height:0}
/* Вкладки на странице товара */

Были внесены многочисленные изменения в файл Товар.
Так что выкладываю полностью ваш файл товар с внесенными изменениями.
Скрытый текст


Панель администратора, "Сайт"->"Редактор Шаблонов".
В конец файла "main.js".
Добавить код:
// Инициализация табов на странице товара
function initTabs() {
// Блок в котором находятся табы
var tabBlock = $('#more_info_block');
if(!tabBlock.length) {
return false;
}
// По умолчанию делаем отметку о том что активного таба не найдено
var isFind = 0;
tabBlock.find('.idTabs li > a').each(function(i){
// Если нашёлся активный там
if($(this).hasClass('selected')) {
// Инициализируем найденный таб
$(this).click();
// Ставим отметку, о том что не нужно инициализировать первый таб на странице
isFind = 1;
}
});
// Если не найдено ни одного таба с отметкой о том что он активен
if(!isFind) {
// Ставим активным первый таб на странице.
tabSwitch(1);
}
// Проверяет хэш и если по нему была открыта вкладка, то эта функция автоматически откроет её.
checkTabHash();

// Биндим изменение хэша - проверка какой FAQ вопрос нужно открыть.
$(window).bind('hashchange', function() { checkTabHash(); });
}

// Проверяет хэш, переданый пользователем и открывает соответствующий раздел
function checkTabHash() {

// Определяем текущий хэш страницы
var hash = window.location.hash.substr(1);

if(hash == 'goodsDataOpinionAdd') {
// $('#goodsDataOpinionAddBlock').show('blind');
return false;
}

if(!hash.length || hash.indexOf('show_tab_') == -1) {
return false;
}

// Открываем тот таб, который был указан в hash-е
tabSwitch(hash.replace("show_tab_", ''))
}

// Выбор вкладки на странице товара
function tabSwitch(nb) {
var tabBlock = $('#more_info_block');
tabBlock.find('.idTabs li > a').removeClass('selected');
tabBlock.find('div.content').hide();
$('#tab_' + nb).addClass('selected');
$('#idTab' + nb).show();
// Записываем в хэш информацию о том какой таб сейчас открыт, для возможности скопировать и передать ссылку с открытым нужным табом
document.location.hash = "#show_tab_" + nb;
}

// Инициализируем табы на странице
$(function() { initTabs(); });

Прикрепленные изображения

  • ScreenShot 898.png

#13 puncherstore

puncherstore

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 118 сообщений

Отправлено 08 Ноябрь 2013 - 08:37

Супер, спасибо) Остались мелкие штрихи:

1) Вставил блок описания доставки и там текст в плачевном состоянии, как сделатать чтобы он был отредактирован как в осени?

2) надо правую рамку у таблицы

3) как увеличивать отступ блока с вкладками?

Картинку прикрепил

Прикрепленные изображения

  • Условия доставки.png

#14 ne_yana

ne_yana

    Активный участник

  • Модератоpы
  • 1 190 сообщений

Отправлено 08 Ноябрь 2013 - 11:03

Просмотр сообщенияLeprekon20 (08 Ноябрь 2013 - 08:37) писал:

Супер, спасибо) Остались мелкие штрихи:

1) Вставил блок описания доставки и там текст в плачевном состоянии, как сделатать чтобы он был отредактирован как в осени?

2) надо правую рамку у таблицы

3) как увеличивать отступ блока с вкладками?

Картинку прикрепил
Здравствуйте,
2. В разделе Сайт - Редактор шаблонов - Товар замените
<form action="/cart/add/" method="post" class="goodsDataForm cont700 hiden">
на
<form action="/cart/add/" method="post" class="goodsDataForm hiden">

3. В файл style.css вставьте
#more_info_block {
padding-top: 10px;
}

#15 puncherstore

puncherstore

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 118 сообщений

Отправлено 08 Ноябрь 2013 - 11:22

Спасибо!

Осталось с первым вопросом разобраться как отредактировать способы доставки

А как сделать чтобы по умолчанию открывалась вкладка описание, а не доставка?

#16 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 08 Ноябрь 2013 - 14:50

Для того чтобы сделать вкладку с описанием, вкладкой по умолчанию.


Панель администратора, "Сайт"->"Редактор шаблонов".
В файле "Товар".
Найти код:
<ul class="idTabs">
				 <!-- Если есть какое-либо описание товара -->
				 {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
				 <li><a href="javascript:tabSwitch(1);" id="tab_1" class="selected">Описание</a></li>
				 {% ENDIF %}
				 <!-- Если есть характеристики товара -->
				 <!--
				 {% IFNOT goods_features_empty %}
				 <li><a href="javascript:tabSwitch(2);" id="tab_2" >Характеристики</a></li>
				 {% ENDIF %}
				 -->
				 <!-- Если есть информация о доставке товара -->
				 {% IFNOT goods_delivery_empty %}
				 <li><a href="javascript:tabSwitch(3);" id="tab_3">Условия доставки</a></li>
				 {% ENDIF %}
				 <!-- Если подключен модуль отзывов о товарах -->
				 {% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}
				 <li><a href="javascript:tabSwitch(4);" id="tab_4" class="selected">Отзывы о товаре</a></li>
				 {% ENDIF %}
		 </ul>
Заменить:
<ul class="idTabs">
				 <!-- Если есть какое-либо описание товара -->
				 {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
				 <li><a href="javascript:tabSwitch(1);" id="tab_1" class="selected">Описание</a></li>
				 {% ENDIF %}
				 <!-- Если есть характеристики товара -->
				 <!--
				 {% IFNOT goods_features_empty %}
				 <li><a href="javascript:tabSwitch(2);" id="tab_2" >Характеристики</a></li>
				 {% ENDIF %}
				 -->
				 <!-- Если есть информация о доставке товара -->
				 {% IFNOT goods_delivery_empty %}
				 <li><a href="javascript:tabSwitch(3);" id="tab_3">Условия доставки</a></li>
				 {% ENDIF %}
				 <!-- Если подключен модуль отзывов о товарах -->
				 {% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}
				 <li><a href="javascript:tabSwitch(4);" id="tab_4">Отзывы о товаре</a></li>
				 {% ENDIF %}
		 </ul>


В файле "main.css".
Найти код:
#idTab1, #idTab2, #idTab3 {display: none;}
Заменить:
#idTab4, #idTab2, #idTab3 {display: none;}

#17 puncherstore

puncherstore

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 118 сообщений

Отправлено 08 Ноябрь 2013 - 15:10

Спасибо, заработало) а как теперь отформатировать текст блока доставки с вариантами? в осени идеально сделано.

Все истыкал не могу найти где))) плохо ищу видимо) хелп)

#18 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 08 Ноябрь 2013 - 17:27

Просмотр сообщенияLeprekon20 (08 Ноябрь 2013 - 15:10) писал:

Спасибо, заработало) а как теперь отформатировать текст блока доставки с вариантами? в осени идеально сделано.

Все истыкал не могу найти где))) плохо ищу видимо) хелп)
В файле "Товар".
Код:
<!-- Блок описания вариантов доставки -->
		  <h4>Условия доставки</h4>
		  {% FOR goods_delivery %}
			<h5>Вариант {goods_delivery.index}: {goods_delivery.NAME}</h5>
			<div style="padding-bottom: 20px;">
			  <p class="left" style="font-weight: normal;">{goods_delivery.DESC}</p><br />
 
			  {% IF goods_delivery.rules_empty %}
				{% IF goods_delivery.PRICE=0 %}
				  <strong class="black">Стоимость доставки: {goods_delivery.PRICE | money_format}</strong>
				{% ELSE %}
				  Стоимость доставки: {goods_delivery.PRICE | money_format}
				{% ENDIF %}
			  {% ELSE %}
				<table class="table">
				  <thead>
					<tr>
					  <td><h5>Стоимость доставки зависит от суммы заказа</h5></td>
					</tr>
				  </thead>
				  <tbody>
					{% FOR rules %}
					  <tr>
						<td style="font-weight: normal;">Для заказов больше <span style="font-weight: bold;">{goods_delivery.rules.SUM_MORE_PRICE | money_format}</span> - стоимость доставки <span style="font-weight: bold;">{goods_delivery.rules.PRICE | money_format}</span></td>
					  </tr>
					{% ENDFOR %}
					<tr>
					  <td style="font-weight: normal;">Для заказов меньше <span style="font-weight: bold;">{goods_delivery.SUM_LESS_PRICE | money_format}</span> - стоимость доставки <span style="font-weight: bold;">{goods_delivery.PRICE | money_format}</span></td>
					</tr>
				  </tbody>
				</table>
			  {% ENDIF %}
			</div>
		  {% ENDFOR %}
		  <!-- /Блок описания вариантов доставки -->
Заменить:
<!-- Блок описания вариантов доставки -->
		  <h4>Условия доставки</h4>
		  {% FOR goods_delivery %}
			<h5>Вариант {goods_delivery.index}: {goods_delivery.NAME}</h5>
			<div style="padding-bottom: 20px;">
			  <p class="left" style="font-weight: normal;">{goods_delivery.DESC}</p><br />
 
			  {% IF goods_delivery.rules_empty %}
				{% IF goods_delivery.PRICE=0 %}
				  <strong class="black">Стоимость доставки: {goods_delivery.PRICE | money_format}</strong>
				{% ELSE %}
				  Стоимость доставки: {goods_delivery.PRICE | money_format}
				{% ENDIF %}
			  {% ELSE %}
				<table class="table">
				  <thead>
					<tr>
					  <td><h5>Стоимость доставки зависит от суммы заказа</h5></td>
					</tr>
				  </thead>
				  <tbody>
					{% FOR rules %}
					  <tr>
						<td style="font-weight: normal;">Для заказов больше <span style="font-weight: bold;">{goods_delivery.rules.SUM_MORE_PRICE | money_format}</span> - стоимость доставки <span style="font-weight: bold;">{goods_delivery.rules.PRICE | money_format}</span></td>
					  </tr>
					{% ENDFOR %}
					<tr>
					  <td style="font-weight: normal;">Для заказов меньше <span style="font-weight: bold;">{goods_delivery.SUM_LESS_PRICE | money_format}</span> - стоимость доставки <span style="font-weight: bold;">{goods_delivery.PRICE | money_format}</span></td>
					</tr>
				  </tbody>
				</table>
			  {% ENDIF %}
			</div>
		  {% ENDFOR %}
		  <!-- /Блок описания вариантов доставки -->

Панель администратора, "Сайт"->"Редактор Шаблонов".
В конец файла "main.css".
Добавить код:
#idTab3 h5 {
	color: #444;  
	font-weight: 600;
	font-size: 100%;
	font-family: initial;
}
#idTab3 {
	font: 14px/20px Tahoma, Geneva, sans-serif;  color: #666;  
}

#19 ne_yana

ne_yana

    Активный участник

  • Модератоpы
  • 1 190 сообщений

Отправлено 08 Ноябрь 2013 - 17:33

Просмотр сообщенияLeprekon20 (08 Ноябрь 2013 - 15:10) писал:

Спасибо, заработало) а как теперь отформатировать текст блока доставки с вариантами? в осени идеально сделано.

Все истыкал не могу найти где))) плохо ищу видимо) хелп)
Добавьте в файл main.css 
[font=Consolas, 'Lucida Console', monospace][size=3]#idTab3 [/size][/font]h4 {
padding-bottom: 20px;
color: #444444;
font-weight: 600;
font-size: 14px;
line-height: 21px;
margin-bottom: 10px;
}


#idTab3 h5 {
color: #444444;
font-weight: 700;
font-size: 100%;
}

И в разделе Сайт - Редактор шаблонов - Товар замените
	  {% IFNOT goods_delivery_empty %}
		<div id="idTab3" class="content">
		  <!-- Блок описания вариантов доставки -->
		  <h4>Условия доставки</h4>
		  {% FOR goods_delivery %}
			<h5>Вариант {goods_delivery.index}: {goods_delivery.NAME}</h5>
			<div style="padding-bottom: 20px;">
			  <p class="left" style="font-weight: normal;">{goods_delivery.DESC}</p><br />
 
			  {% IF goods_delivery.rules_empty %}
				{% IF goods_delivery.PRICE=0 %}
				  <strong class="black">Стоимость доставки: {goods_delivery.PRICE | money_format}</strong>
				{% ELSE %}
				  Стоимость доставки: {goods_delivery.PRICE | money_format}
				{% ENDIF %}
			  {% ELSE %}
				<table class="table">
				  <thead>
					<tr>
					  <td><h5>Стоимость доставки зависит от суммы заказа</h5></td>
					</tr>
				  </thead>
				  <tbody>
					{% FOR rules %}
					  <tr>
						<td style="font-weight: normal;">Для заказов больше <span style="font-weight: bold;">{goods_delivery.rules.SUM_MORE_PRICE | money_format}</span> - стоимость доставки <span style="font-weight: bold;">{goods_delivery.rules.PRICE | money_format}</span></td>
					  </tr>
					{% ENDFOR %}
					<tr>
					  <td style="font-weight: normal;">Для заказов меньше <span style="font-weight: bold;">{goods_delivery.SUM_LESS_PRICE | money_format}</span> - стоимость доставки <span style="font-weight: bold;">{goods_delivery.PRICE | money_format}</span></td>
					</tr>
				  </tbody>
				</table>
			  {% ENDIF %}
			</div>
		  {% ENDFOR %}
		  <!-- /Блок описания вариантов доставки -->
		</div>
	  {% ENDIF %}
на
	  {% IFNOT goods_delivery_empty %}
		<div id="idTab3" class="content">
		  <!-- Блок описания вариантов доставки -->
		  <h4>Условия доставки</h4>
		  {% FOR goods_delivery %}
			<h5>Вариант {goods_delivery.index}: {goods_delivery.NAME}</h5>
			<div style="padding-bottom: 20px;">
			  <p style="font-weight: normal;">{goods_delivery.DESC}</p><br />
 
			  {% IF goods_delivery.rules_empty %}
				{% IF goods_delivery.PRICE=0 %}
				  <strong class="black">Стоимость доставки: {goods_delivery.PRICE | money_format}</strong>
				{% ELSE %}
				  Стоимость доставки: {goods_delivery.PRICE | money_format}
				{% ENDIF %}
			  {% ELSE %}
				<table class="table">
				  <thead>
					<tr>
					  <td><h5>Стоимость доставки зависит от суммы заказа</h5></td>
					</tr>
				  </thead>
				  <tbody>
					{% FOR rules %}
					  <tr>
						<td style="font-weight: normal;">Для заказов больше <span style="font-weight: bold;">{goods_delivery.rules.SUM_MORE_PRICE | money_format}</span> - стоимость доставки <span style="font-weight: bold;">{goods_delivery.rules.PRICE | money_format}</span></td>
					  </tr>
					{% ENDFOR %}
					<tr>
					  <td style="font-weight: normal;">Для заказов меньше <span style="font-weight: bold;">{goods_delivery.SUM_LESS_PRICE | money_format}</span> - стоимость доставки <span style="font-weight: bold;">{goods_delivery.PRICE | money_format}</span></td>
					</tr>
				  </tbody>
				</table>
			  {% ENDIF %}
			</div>
		  {% ENDFOR %}
		  <!-- /Блок описания вариантов доставки -->
		</div>
	  {% ENDIF %}

#20 puncherstore

puncherstore

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 118 сообщений

Отправлено 09 Ноябрь 2013 - 14:22

Большое спасибо

1) Как сделать отступ от строчной навигации? (на фото номер 1)

2) Как продолжить и сделать дополнительные полоски, между блоком с размера (на фото номер 2)

3) Как сделать верхнюю линию, у динамических вкладок, которая у меня сейчас отсутствует (линию нарисовал и на фото прикрепил, номер 3)

На фото все исправления уже внесены, все было бы так просто как в пэйнте))

Прикрепленные изображения

  • Страница товара полоски и отступ.png

Обратно в Шаблон Осень


Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Осень
  5. Privacy Policy