Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

2

Переделка Карточки Товара

Автор АндрейС, 13 марта 2018 17:55

Авторизуйтесь для ответа в теме

Сообщений в теме: 10

#1 АндрейС

Новичок

Пользователи
4 сообщений

Отправлено 13 Март 2018 - 17:55

Добрый день. Подскажите, пожауйста, как из картинки "есть" сделать типа картинки "надо" видоизменив:

1. Наименование товара поместить на место цены
2. Цену переместить под "Наличие товара"
3. картика "Доставим, скидка, реальные картинки"
4. Артикул и "В наличии" сделать зелёным цветом
5. Наименование товара и цену сделать чёрным цветом
6. "Добавить в избранное" и сравнение" сделать одной строчкой
7. В характеристиках характеристики сдвинуть влево к краю (скрин характеристика)
8. Столбец с характеристиками (Гарантия, Мвтериал и т.д.) сделать Уже, чтобы ширина столбца была как самая длинная характиристика, которая будет добавлена в характиристиках.
9. Укажите, где будет находиться картика "Доставим, скидка, реал фото"

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

Наверх

#2 Vaccina

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

Модераторы
24 353 сообщений

Отправлено 14 Март 2018 - 02:01

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:

<div id="titlepage">
<!-- Заголовок страницы -->
{% IF index_page %}
<h1 class="title">{PAGE_TITLE}</h1>
{% ELSEIF MOD_LNAME=user && ACT=login %}
<h1 class="title">Войти или зарегистрироваться</h1>
{% ELSEIF MOD_LNAME=user && ACT=change %}
<h1 class="title">Активация нового пароля</h1>
{% ELSEIF MOD_LNAME=user && ACT=recovery %}
<h1 class="title">Восстановление пароля</h1>
{% ELSEIF MOD_LNAME=user && ACT=favorites %}
<h1 class="title">Избранные товары</h1>
{% ELSEIF MOD_LNAME=user && ACT=history_list %}
<h1 class="title">Мои заказы</h1>
{% ELSEIF MOD_LNAME=user && ACT=settings %}
<h1 class="title">Личный кабинет</h1>
{% ELSEIF MOD_LNAME=user && ACT=register %}
<h1 class="title">Регистрация клиента</h1>
{% ELSEIF MOD_LNAME=order && ACT=stage %}
<h1 class="title">Оформление заказа. Шаг {ORDER_STAGE_NUM} из 4</h1>
{% ELSEIF MOD_LNAME=search %}
<h1 class="title">Результат поиска по запросу: {% IFNOT search_query_empty %}&laquo;{SEARCH_QUERY}&raquo; ({GOODS_PAGES_RESULTS} товар{GOODS_PAGES_RESULTS | gen_word_end("","а","ов")} найд{GOODS_PAGES_RESULTS | gen_word_end("ен","ено","ено")} по запросу){% ENDIF %}</h1>
{% ELSEIF MOD_LNAME=discount && ACT=index && ID %}
<h1 class="title">{PROMOTIONAL_CAMPAIGN_NAME} ({GOODS_PAGES_RESULTS} товар{GOODS_PAGES_RESULTS | gen_word_end("","а","ов")} участву{GOODS_PAGES_RESULTS | gen_word_end("ет","ют","ют")} в акции)</h1>
{% ELSEIF MOD_LNAME=discount && ACT=index %}
<h1 class="title">Акции {% IF PROMOTION_CAMPAIGN_PAGES_RESULTS %}(Всего найден{PROMOTION_CAMPAIGN_PAGES_RESULTS | gen_word_end("а","о","о")} {PROMOTION_CAMPAIGN_PAGES_RESULTS} акци{PROMOTION_CAMPAIGN_PAGES_RESULTS | gen_word_end("я","и","ий")}){% ENDIF %}</h1>
{% ELSEIF MOD_LNAME=feedback %}
<h1 class="title">Связь с администрацией</h1>
{% ELSEIF CURRENT_URL=NEWS_SHOP_URL || CURRENT_URL=NEWS_ARTICLES_URL || CURRENT_URL=NEWS_MASS_MEDIA_URL || CURRENT_URL=NEWS_ALL_URL %}
<h1 class="title">{NEWS_SECTION_NAME}</h1>
{% ELSEIF MOD_LNAME=news %}
<h1 class="title">{NEWS_TITLE}</h1>
{% ELSEIF MOD_LNAME=compare %}
<h1 class="title">{% IF compare_list_empty %}Ваш список сравнения пуст{% ELSE %}Сравнение товаров{% ENDIF %}</h1>
{% ELSEIF MOD_LNAME=page %}
<h1 class="title">{PAGE_NAME}</h1>
{% ELSEIF MOD_LNAME= %}
<h1 class="title">Внутренняя ошибка сервера. {MSG_HEADER}</h1>
{% ELSEIF MOD_LNAME=callback %}
<h1 class="title">Заказ обратного звонка</h1>
{% ELSEIF MOD_LNAME=catalog %}
<h1 class="title">{% IF IS_FULL_CATALOG %}Каталог{% ELSE %} {% IF GOODS_PAGES_RESULTS = 0%} {CATEGORY_NAME} {% ELSE %} {CATEGORY_NAME} ({GOODS_PAGES_RESULTS} товар{GOODS_PAGES_RESULTS | gen_word_end("","а","ов")} в категории){% ENDIF %} {% ENDIF %}</h1>
{% ELSEIF MOD_LNAME=goods %}
<h1 class="title">{GOODS_NAME}</h1>
{% ENDIF %}
</div>

замените на:

{% IFNOT MOD_LNAME=goods %}
<div id="titlepage">
<!-- Заголовок страницы -->
{% IF index_page %}
<h1 class="title">{PAGE_TITLE}</h1>
{% ELSEIF MOD_LNAME=user && ACT=login %}
<h1 class="title">Войти или зарегистрироваться</h1>
{% ELSEIF MOD_LNAME=user && ACT=change %}
<h1 class="title">Активация нового пароля</h1>
{% ELSEIF MOD_LNAME=user && ACT=recovery %}
<h1 class="title">Восстановление пароля</h1>
{% ELSEIF MOD_LNAME=user && ACT=favorites %}
<h1 class="title">Избранные товары</h1>
{% ELSEIF MOD_LNAME=user && ACT=history_list %}
<h1 class="title">Мои заказы</h1>
{% ELSEIF MOD_LNAME=user && ACT=settings %}
<h1 class="title">Личный кабинет</h1>
{% ELSEIF MOD_LNAME=user && ACT=register %}
<h1 class="title">Регистрация клиента</h1>
{% ELSEIF MOD_LNAME=order && ACT=stage %}
<h1 class="title">Оформление заказа. Шаг {ORDER_STAGE_NUM} из 4</h1>
{% ELSEIF MOD_LNAME=search %}
<h1 class="title">Результат поиска по запросу: {% IFNOT search_query_empty %}&laquo;{SEARCH_QUERY}&raquo; ({GOODS_PAGES_RESULTS} товар{GOODS_PAGES_RESULTS | gen_word_end("","а","ов")} найд{GOODS_PAGES_RESULTS | gen_word_end("ен","ено","ено")} по запросу){% ENDIF %}</h1>
{% ELSEIF MOD_LNAME=discount && ACT=index && ID %}
<h1 class="title">{PROMOTIONAL_CAMPAIGN_NAME} ({GOODS_PAGES_RESULTS} товар{GOODS_PAGES_RESULTS | gen_word_end("","а","ов")} участву{GOODS_PAGES_RESULTS | gen_word_end("ет","ют","ют")} в акции)</h1>
{% ELSEIF MOD_LNAME=discount && ACT=index %}
<h1 class="title">Акции {% IF PROMOTION_CAMPAIGN_PAGES_RESULTS %}(Всего найден{PROMOTION_CAMPAIGN_PAGES_RESULTS | gen_word_end("а","о","о")} {PROMOTION_CAMPAIGN_PAGES_RESULTS} акци{PROMOTION_CAMPAIGN_PAGES_RESULTS | gen_word_end("я","и","ий")}){% ENDIF %}</h1>
{% ELSEIF MOD_LNAME=feedback %}
<h1 class="title">Связь с администрацией</h1>
{% ELSEIF CURRENT_URL=NEWS_SHOP_URL || CURRENT_URL=NEWS_ARTICLES_URL || CURRENT_URL=NEWS_MASS_MEDIA_URL || CURRENT_URL=NEWS_ALL_URL %}
<h1 class="title">{NEWS_SECTION_NAME}</h1>
{% ELSEIF MOD_LNAME=news %}
<h1 class="title">{NEWS_TITLE}</h1>
{% ELSEIF MOD_LNAME=compare %}
<h1 class="title">{% IF compare_list_empty %}Ваш список сравнения пуст{% ELSE %}Сравнение товаров{% ENDIF %}</h1>
{% ELSEIF MOD_LNAME=page %}
<h1 class="title">{PAGE_NAME}</h1>
{% ELSEIF MOD_LNAME= %}
<h1 class="title">Внутренняя ошибка сервера. {MSG_HEADER}</h1>
{% ELSEIF MOD_LNAME=callback %}
<h1 class="title">Заказ обратного звонка</h1>
{% ELSEIF MOD_LNAME=catalog %}
<h1 class="title">{% IF IS_FULL_CATALOG %}Каталог{% ELSE %} {% IF GOODS_PAGES_RESULTS = 0%} {CATEGORY_NAME} {% ELSE %} {CATEGORY_NAME} ({GOODS_PAGES_RESULTS} товар{GOODS_PAGES_RESULTS | gen_word_end("","а","ов")} в категории){% ENDIF %} {% ENDIF %}</h1>
{% ENDIF %}
</div>
{% ENDIF %}

Далее зайдите в шаблон Товар - найдите:

<div class="product-name"><h1 itemprop="name">{GOODS_NAME}</h1></div>
<meta itemprop="description" content="{% IF GOODS_DESCRIPTION_SHORT %}{GOODS_DESCRIPTION_SHORT}{% ELSE %}Описание отсутствует{% ENDIF %}">
<!-- Цена товара -->
<div class="price-box" itemprop="offers" itemscope itemtype="https://schema.org/Offer">
<!-- информация для поисковика о наличии товара -->
<meta itemprop="availability" content="{% IF GOODS_MOD_REST_VALUE>0 %}in_stock{% ELSE %}out_of_stock{% ENDIF %}">
<!-- информация для поисковика о валюте товара -->
<meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/>
{% IF GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT>GOODS_MOD_PRICE_NOW %}
<p class="old-price goodsDataMainModificationPriceOld {CURRENCY_CHAR_CODE}">
<span class="price">{GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
</p>
{% ELSEIF GOODS_MOD_PRICE_OLD>GOODS_MOD_PRICE_NOW %}
<p class="old-price goodsDataMainModificationPriceOld {CURRENCY_CHAR_CODE}">
<span class="price">{GOODS_MOD_PRICE_OLD | money_format}</span>
</p>
{% ENDIF %}
<p class="special-price goodsDataMainModificationPriceNow {CURRENCY_CHAR_CODE}">
<span class="price" itemprop="price" content="{GOODS_MOD_PRICE_NOW}">{GOODS_MOD_PRICE_NOW | money_format}</span>
</p>
</div>
<!-- Среднее значение по результатам всех отзывов об этом товаре -->
<div class="ratings">
<div class="rating-box" title="Рейтинг товара">
{% IF GOODS_OPINION_RATING_VALUE_ROUND %}
<span itemprop="aggregateRating" itemscope itemtype="https://schema.org/AggregateRating">
<meta itemprop="worstRating" content = "1">
<meta itemprop="bestRating" content = "10">
<meta itemprop="ratingValue" content = "{GOODS_OPINION_RATING_VALUE_ROUND}">
<meta itemprop="reviewCount" content = "{GOODS_OPINION_RATING_CNT_ALL}">
<div class="rating" style="width:{GOODS_OPINION_RATING_VALUE_ROUND}0%" alt="{GOODS_OPINION_RATING_VALUE_ROUND}" title="Рейтинг товара"></div>
</span>
{% ELSE %}
<div class="rating" style="width:0%" alt="Рейтинг не определён" title="Рейтинг не определён"></div>
{% ENDIF %}
</div>
</div>
<!-- Артикул -->
<div class="goodsDataMainModificationArtNumber" {% IFNOT GOODS_MOD_ART_NUMBER %}style="display:none"{% ENDIF %}>
Артикул: <span>{GOODS_MOD_ART_NUMBER}</span>
</div>
<!-- Доступность товара -->
<div class="goodsDataMainModificationAvailable">
<div class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>Наличие товара: <span>В наличии</span></div>
<div class="available-false" style="{% IF GOODS_MOD_REST_VALUE>0 %}display:none;{% ENDIF %}">Наличие товара: <span>Товара нет в наличии</span></div>
</div>

замените на:

<div class="product-name"><h1 itemprop="name">{GOODS_NAME}</h1></div>
<meta itemprop="description" content="{% IF GOODS_DESCRIPTION_SHORT %}{GOODS_DESCRIPTION_SHORT}{% ELSE %}Описание отсутствует{% ENDIF %}">
<!-- Среднее значение по результатам всех отзывов об этом товаре -->
<div class="ratings">
<div class="rating-box" title="Рейтинг товара">
{% IF GOODS_OPINION_RATING_VALUE_ROUND %}
<span itemprop="aggregateRating" itemscope itemtype="https://schema.org/AggregateRating">
<meta itemprop="worstRating" content = "1">
<meta itemprop="bestRating" content = "10">
<meta itemprop="ratingValue" content = "{GOODS_OPINION_RATING_VALUE_ROUND}">
<meta itemprop="reviewCount" content = "{GOODS_OPINION_RATING_CNT_ALL}">
<div class="rating" style="width:{GOODS_OPINION_RATING_VALUE_ROUND}0%" alt="{GOODS_OPINION_RATING_VALUE_ROUND}" title="Рейтинг товара"></div>
</span>
{% ELSE %}
<div class="rating" style="width:0%" alt="Рейтинг не определён" title="Рейтинг не определён"></div>
{% ENDIF %}
</div>
</div>
<!-- Артикул -->
<div class="goodsDataMainModificationArtNumber" {% IFNOT GOODS_MOD_ART_NUMBER %}style="display:none"{% ENDIF %}>
Артикул: <span>{GOODS_MOD_ART_NUMBER}</span>
</div>
<!-- Доступность товара -->
<div class="goodsDataMainModificationAvailable">
<div class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>Наличие товара: <span>В наличии</span></div>
<div class="available-false" style="{% IF GOODS_MOD_REST_VALUE>0 %}display:none;{% ENDIF %}">Наличие товара: <span>Товара нет в наличии</span></div>
</div>
<!-- Цена товара -->
<div class="price-box" itemprop="offers" itemscope itemtype="https://schema.org/Offer">
<!-- информация для поисковика о наличии товара -->
<meta itemprop="availability" content="{% IF GOODS_MOD_REST_VALUE>0 %}in_stock{% ELSE %}out_of_stock{% ENDIF %}">
<!-- информация для поисковика о валюте товара -->
<meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/>
{% IF GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT>GOODS_MOD_PRICE_NOW %}
<p class="old-price goodsDataMainModificationPriceOld {CURRENCY_CHAR_CODE}">
<span class="price">{GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
</p>
{% ELSEIF GOODS_MOD_PRICE_OLD>GOODS_MOD_PRICE_NOW %}
<p class="old-price goodsDataMainModificationPriceOld {CURRENCY_CHAR_CODE}">
<span class="price">{GOODS_MOD_PRICE_OLD | money_format}</span>
</p>
{% ENDIF %}
<p class="special-price goodsDataMainModificationPriceNow {CURRENCY_CHAR_CODE}">
<span class="price" itemprop="price" content="{GOODS_MOD_PRICE_NOW}">{GOODS_MOD_PRICE_NOW | money_format}</span>
</p>
</div>
<div class="custom-block f-fix">
<div class="item col-md-4 col-sm-4 col-sms-4 col-smb-12">
<i class="fa fa-truck"></i>
<div class="text-area"><h3>Бесплатная<br> Доставка</h3></div>
</div>
<div class="item col-md-4 col-sm-4 col-sms-4 col-smb-12">
<i class="fa fa-dollar"></i>
<div class="text-area"><h3>Гарантия<br>Возврата</h3></div>
</div>
<div class="item col-md-4 col-sm-4 col-sms-4 col-smb-12">
<i class="fa fa-comments"></i>
<div class="text-area"><h3>Онлайн<br>Поддержка</h3></div>
</div>
</div>

далее зайдите в main.css - найдите:

.product-view .product-shop .product-name {display: none;}
.product-shop .price-box {margin: 0 0 5px;float:left;}
.product-shop .ratings {float:right;}
.product-shop .goodsDataMainModificationArtNumber {color: #666666;font-weight: bold;margin: 10px 0 5px;clear:both;}
.product-shop .goodsDataMainModificationArtNumber span {color: #909090;margin-left: 5px;}
.product-shop .goodsDataMainModificationAvailable {color: #666666;font-weight: bold;margin: 5px 0;clear:both;}
.product-shop .goodsDataMainModificationAvailable .hide {display:none;}
.product-shop .goodsDataMainModificationAvailable span {color: #909090;margin-left: 5px;}

замените на:

.product-view .product-shop .product-name {color: #000000;}
.product-shop .price-box {margin: 0 0 5px;float:left;}
.product-shop .price-box .special-price span{color: #000000;}
.product-shop .goodsDataMainModificationArtNumber {color: #666666;font-weight: bold;margin: 10px 0 5px;clear:both;}
.product-shop .goodsDataMainModificationArtNumber span {color: green;margin-left: 5px;}
.product-shop .goodsDataMainModificationAvailable {color: #666666;font-weight: bold;margin: 5px 0;clear:both;}
.product-shop .goodsDataMainModificationAvailable .hide {display:none;}
.product-shop .goodsDataMainModificationAvailable span {color: green;margin-left: 5px;}
.product-view .product-shop .custom-block {float: left;width: 100%;padding: 20px 0;border-bottom: 1px solid #e4e4e4;}
.product-view .product-shop .custom-block .item {display: inline-block;padding: 0 10px;text-align: left;border-left: 1px solid #e4e4e4;}
.product-view .product-shop .custom-block .item:first-child {border-left: 0;padding-left: 0;}
.product-view .product-shop .custom-block .item i {display: inline-block;vertical-align: middle;font-size: 35px;color: #019934;}
.product-view .product-shop .custom-block .text-area {display: inline-block;vertical-align: middle;text-align: left;margin-left: 5px;}
.product-view .product-shop .custom-block .text-area h3 {font-size: 14px;font-weight: 400;font-family: inherit;color: #7a7d82;}

далее н

айдите:

.product-shop .add-to-links li {display: block;padding: 0 0 10px;}

замените на:

.product-shop .add-to-links li {display: inline-block;padding: 0 0 10px;margin-right:15px;}

далее найдите:

.tab-content .table-box th.name, .product-tabs .tab-content .table-box td.data {width: 50%;}
.tab-content .table-box th.name {text-align: right;}

замените на:

.tab-content .table-box th.name, .product-tabs .tab-content .table-box td.data {width: auto;}
.tab-content .table-box th.name {text-align: left;}

9. Расположение как на скриншоте, над кнопками покупки.

Наверх

#3 АндрейС

Новичок

Пользователи
4 сообщений

Отправлено 14 Март 2018 - 19:01

Спасибо за помощь ранее.
Помогите ещё:
1. блок, выделеный красным цветом (предущий - следующий) надо убрать вообще
2. цену сделать жирным шрифтом
3. где находится картинка, выделенная фиолетовым? В том смысле, что каким образом сюда вставить свою каринку?
4 в количестве кружочки поменять на квадратики одного размера с толщиной обводки примерно как написано название товара
5. фон кнопок "купить" и "быстрый заказ" сделать таким же фоном, который из первого блока (который в п. 1 надо убрать)

6. когда наводшь на верхнее меню курсор, то появляется некрасивое подменю на белом фоне (скрин есть1403) . Необходимо сделать это выпадающее подменю типа как на скрине "надо1403" с цветом фона как и в п.5 и рамочку с округлыми углами.

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

Наверх

#4 АндрейС

Новичок

Пользователи
4 сообщений

Отправлено 26 Март 2018 - 15:54

Помогите, пожалуйста, сделать доработки

Наверх

#5 arpico-latex

Пользователь

Пользователи
14 сообщений

Отправлено 23 Сентябрь 2018 - 19:56

Добрый день всем. Помогите новичку. Как сделать, чтоб название товара поместилось целиком, можно в 2-3 строки
http://arpico-latex....UShKI-PILLOWS-2
Аккаунт SL-458654

Наверх

#6 RayLi

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

Модераторы
2 864 сообщений

Отправлено 23 Сентябрь 2018 - 20:58

arpico-latex (23 Сентябрь 2018 - 19:56) писал:

Добрый день всем. Помогите новичку. Как сделать, чтоб название товара поместилось целиком, можно в 2-3 строки
http://arpico-latex....UShKI-PILLOWS-2
Аккаунт SL-458654

Здравствуйте.
В шаблоне main.css найдите, пожалуйста, данный блок кода:

.products-grid .item .item-inner .item-info .info-inner .item-title {
	margin-bottom: 3px;
	padding-top: 6px;
	font-size: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

И замените его этим вот кодом:

.products-grid .item .item-inner .item-info .info-inner .item-title {
	margin-bottom: 3px;
	padding-top: 6px;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
}

Наверх

#7 arpico-latex

Пользователь

Пользователи
14 сообщений

Отправлено 24 Сентябрь 2018 - 09:33

RayLi (23 Сентябрь 2018 - 20:58) писал:

Здравствуйте.
В шаблоне main.css найдите, пожалуйста, данный блок кода:

.products-grid .item .item-inner .item-info .info-inner .item-title {
margin-bottom: 3px;
padding-top: 6px;
font-size: 16px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

И замените его этим вот кодом:

.products-grid .item .item-inner .item-info .info-inner .item-title {
margin-bottom: 3px;
padding-top: 6px;
font-size: 16px;
overflow: hidden;
text-overflow: ellipsis;
}

спасибо. все получилось.

А подскажите еще, как над ценой сделать чтоб выводилось название товара...
http://prntscr.com/kxxw2m

Наверх

#8 Mr.Nito

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

Модераторы
1 364 сообщений

Отправлено 24 Сентябрь 2018 - 18:22

arpico-latex (24 Сентябрь 2018 - 09:33) писал:

спасибо. все получилось.

А подскажите еще, как над ценой сделать чтоб выводилось название товара...
http://prntscr.com/kxxw2m

удалил строку в main.css

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

Наверх

#9 arpico-latex

Пользователь

Пользователи
14 сообщений

Отправлено 25 Сентябрь 2018 - 16:46

Mr.Nito (24 Сентябрь 2018 - 18:22) писал:

удалил строку в main.css

Супер. То что надо!

Наверх

#10 arpico-latex

Пользователь

Пользователи
14 сообщений

Отправлено 16 Январь 2019 - 02:22

Аккаунт SL-458654

1. в карточке Характеристики товара сделать центровку по левому краю и уменьшить интервал между строк.

2.Цену спустить после В наличии... сделать жирным (то что голубое)

2. убрать строку с навигацией пред... след....

Наверх

#11 Vaccina

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

Модераторы
24 353 сообщений

Отправлено 16 Январь 2019 - 08:00

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

.tab-content .table-box th.name, .product-tabs .tab-content .table-box td.data {width: 50%;}
.tab-content .table-box th.name {text-align: right;}

замените на:

.tab-content .table-box th.name, .product-tabs .tab-content .table-box td.data {width: 50%;}
.tab-content .table-box th.name {text-align: left;padding: 5px;}
.tab-content .table-box td.data {text-align: left;padding: 5px;}

далее найдите:

.price-box .special-price .price {color: #3cabda;font-size: 180%;}

замените на:

.price-box .special-price .price {color: #3cabda;font-size: 180%;font-weight: bold;}

Зайдите в шаблон HTML - найдите и удалите:

			<!-- Следующий и Предыдущий товар -->
			{% IF MOD_LNAME = goods %}
			  {% IFNOT neighbor_goods_empty %}
				<div id="product-next-pre" class="col-xs-12">
				  <a class="product-pre" title="Предыдущий товар" href="{% IF NEIGHBOR_PREVIOUS_GOODS_URL %}{NEIGHBOR_PREVIOUS_GOODS_URL}{% ELSE %}{NEIGHBOR_LAST_GOODS_URL}{% ENDIF %}">Предыдущий</a>
				  <a class="product-next" title="Cледующий товар" href="{% IF NEIGHBOR_NEXT_GOODS_URL %}{NEIGHBOR_NEXT_GOODS_URL} {% ELSE %}{NEIGHBOR_FIRST_GOODS_URL}{% ENDIF %}">Cледующий</a>
				</div>
			  {% ENDIF %}
			{% ENDIF %}
			<!-- /END Следующий и Предыдущий товар -->

Далее зайдите в шаблон Товар - найдите:

	<!-- Цена товара -->
	<div class="price-box" itemprop="offers" itemscope itemtype="https://schema.org/Offer">
	  <!-- информация для поисковика о наличии товара -->
	  <meta itemprop="availability" content="{% IF GOODS_MOD_REST_VALUE>0 %}in_stock{% ELSE %}out_of_stock{% ENDIF %}">
	  <!-- информация для поисковика о валюте товара -->
	  <meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/>
	  {% IF GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT>GOODS_MOD_PRICE_NOW %}
		<p class="old-price goodsDataMainModificationPriceOld {CURRENCY_CHAR_CODE}">
		  <span class="price">{GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
		</p>
	  {% ELSEIF GOODS_MOD_PRICE_OLD>GOODS_MOD_PRICE_NOW %}
		<p class="old-price goodsDataMainModificationPriceOld {CURRENCY_CHAR_CODE}">
		  <span class="price">{GOODS_MOD_PRICE_OLD | money_format}</span>
		</p>
	  {% ENDIF %}
		<p class="special-price goodsDataMainModificationPriceNow {CURRENCY_CHAR_CODE}">
		  <span class="price" itemprop="price" content="{GOODS_MOD_PRICE_NOW}">{GOODS_MOD_PRICE_NOW | money_format}</span>
		</p>
	</div>

перенесите, поставив после:

	<!-- Доступность товара -->
	<div class="goodsDataMainModificationAvailable">
	  <div class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>Наличие товара: <span>В наличии</span></div>
	  <div class="available-false" style="{% IF GOODS_MOD_REST_VALUE>0 %}display:none;{% ENDIF %}">Наличие товара: <span>Товара нет в наличии</span></div>
	</div>