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


Помощь


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

#1 Yurievichos

Yurievichos

    Новичок

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

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

1) Нужно создать страницу размеров  вот здесь:

Изображение

Чтобы получилось так:

Изображение

И отрывалось такое окно:

Изображение

а в этом окне было это:

Изображение

только чтобы в этом окне было не в виде картинки а в виде текста. Текст можно взять с сайта https://xstock.ru/ba...eon-green-gray/

Так чтобы это было к каждому товару, чтобы я когда создавал новый товар она автоматом появлялась

2) Из-за чего лого такое размытое ? У меня в компе открывается четким а на сайте оно размыто, объясните
3) Уберите мне с конца

Powered by

StoreLand

4) Чтобы фотография была не одна большая а их можно было листать и стрелочки былиИзображение

#2 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

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

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

1. Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:
		<div class="add-to-cart f-fix"  {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>
		  <input type="hidden" name="form[goods_mod_id]" value="{GOODS_MOD_ID}" class="goodsDataMainModificationId" />
		  <button type="submit" class="add-cart quick button" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>Быстрый заказ</button>
		  <button type="submit" class="add-cart button" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>В корзину</button>
		</div>
	  </div>
	</form>

после него вставьте:
<a class="tableSize" href="#table_size">Таблица размеров</span></a>
<div id="table_size">
<table>
	<tbody>
	<tr>
		<th>Сантиметры
		</th>
		<th>РФ
		</th>
		<th>EUR
		</th>
		<th>UK
		</th>
	</tr>
	<tr>
		<td>22.5
		</td>
		<td>35
		</td>
		<td>36
		</td>
		<td>3.5
		</td>
	</tr>
	<tr>
		<td>23.5
		</td>
		<td>36
		</td>
		<td>37
		</td>
		<td>4
		</td>
	</tr>
	<tr>
		<td>24
		</td>
		<td>37
		</td>
		<td>38
		</td>
		<td>5
		</td>
	</tr>
	<tr>
		<td>25
		</td>
		<td>38
		</td>
		<td>39
		</td>
		<td>6
		</td>
	</tr>
	<tr>
		<td>25.5
		</td>
		<td>39
		</td>
		<td>40
		</td>
		<td>6.5
		</td>
	</tr>
	<tr>
		<td>26
		</td>
		<td>40
		</td>
		<td>41
		</td>
		<td>7.5
		</td>
	</tr>
	<tr>
		<td>26.5
		</td>
		<td>41
		</td>
		<td>42
		</td>
		<td>8
		</td>
	</tr>
	<tr>
		<td>27.5
		</td>
		<td>42
		</td>
		<td>43
		</td>
		<td>9
		</td>
	</tr>
	<tr>
		<td>28
		</td>
		<td>43
		</td>
		<td>44
		</td>
		<td>9.5
		</td>
	</tr>
	<tr>
		<td>29
		</td>
		<td>44
		</td>
		<td>45
		</td>
		<td>10.5
		</td>
	</tr>
	</tbody>
	</table>
</div>
<script>
$(document).ready(function() {
$(".tableSize").fancybox({
maxWidth : 300,
maxHeight : 330,
fitToView : false,
width : '70%',
height : '70%',
autoSize : false,
closeClick : false,
openEffect : 'none',
closeEffect : 'none'
});
});
</script>


далее зайдите в main.css - найдите:
.product-view .product-shop .social-buttons a:first-child {border-left-width: 0;}
.product-view .product-shop .social-buttons a span {display: none;}

после него вставьте:
#table_size table{width: 100%;}
#table_size td, #table_size th{border: 1px solid #ccc;}

2. Уточните пожалуйста, где оно у вас размыто, вы написали на сайте, но проверили на ПК и все хорошо.

3. Зайдите в раздел Настройки - Основные - Ссылки - поставьте галочку напротив "Удалить ссылку на StoreLand с витрины магазина".

4. Уточните пожалуйста, вместо большого фото оставить карусель ниже и увеличить их?

#3 Yurievichos

Yurievichos

    Новичок

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

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

Просмотр сообщенияVaccina (18 Январь 2019 - 00:15) писал:


4. Уточните пожалуйста, вместо большого фото оставить карусель ниже и увеличить их?
Это нужно сделать просто карусель и оставить все так же, просто стрелочки добавить

#4 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

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

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

Зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите:
// Скрипты для карточки товара Галерея изображения и Фильтры
function goodspage() {
$(document).ready(function(){
  var $ = jQuery;
  if ($('.thumblist').length) {
	$('.thumblist').carouFredSel({
	  prev  : '.thumblist-box .prev',
	  next  : '.thumblist-box .next',
	  width : '100%',
	  auto  : false,
	  scroll : {
		items: 1,
		duration: 500,
		pauseOnHover: true
	  },
	  swipe : {
		onMouse : false,
		onTouch : true
	  }
	});
  }
});


замените на:
// Скрипты для карточки товара Галерея изображения и Фильтры
function goodspage() {
$(document).ready(function(){
  var $ = jQuery;
  if ($('.thumblist').length) {
	$('.other_items .thumblist').carouFredSel({
	  prev  : '.thumblist-box .prev',
	  next  : '.thumblist-box .next',
	  width : '100%',
	  auto  : false,
	  scroll : {
		items: 1,
		duration: 500,
		pauseOnHover: true
	  },
	  swipe : {
		onMouse : false,
		onTouch : true
	  }
	});
  }
});
$(document).ready(function(){
  var $ = jQuery;
  if ($('.thumblist').length) {
	$('.item .thumblist').carouFredSel({
	  prev  : '.thumblist-box .prev',
	  next  : '.thumblist-box .next',
	  width : '100%',
	  auto  : false,
	  items :  {
		visible:1,
		height : "variable",
		width: "100%"
	  },
	  scroll : {
		items: 1,
		duration: 500,
		pauseOnHover: true
	  },
	  swipe : {
		onMouse : false,
		onTouch : true
	  }
	});
  }
});


далее зайдите в шаблон Товар - найдите:
	  <div class="general-img">
		<a href="{GOODS_IMAGE_LARGE}" id="zoom1" title="Увеличить {GOODS_NAME}">
		  <img src="{GOODS_IMAGE_MEDIUM}" title="{GOODS_NAME}" alt="{GOODS_NAME}" class="goods-image-medium" itemprop="image"/>
		  {% IF GOODS_IS_NEW %}
			<span class="ico-new">New</span>
		  {% ELSEIF GOODS_IS_TOP %}
			<span class="ico-best">Hot</span>
		  {% ENDIF %}
		  {% IF GOODS_MOD_MAX_DISCOUNT %}
			<span class="ico-sale">Sale</span>
		  {% ENDIF %}
		</a>
		<div class="goodsImageZoom" data="{GOODS_IMAGE_ID}" style="display: none;"><a href="#" title="Увеличить изображение"></a></div>
		{% IFNOT goods_images_empty %}
		  <div class="goodsImageList" style="display: none;">
		  {% FOR goods_images %}
			<a href="{goods_images.LARGE}" data="{goods_images.ID}" title="{goods_images.NAME}" rel="gallery"><img src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>
		  {% ENDFOR %}
		  </div>
		{% ENDIF %}
	  </div>
	</div>
	<!-- Другие изображения товара. Отображаются если есть изображения товара -->
	<div class="thumblist-box navigation" {% FOR goods_images %}{% IF goods_images.length <= 1 %}style="display:none;"{% ENDIF %}{% ENDFOR %}>
    
    
замените на:
	  <div class="general-img">
		  {% IF GOODS_IS_NEW %}
			<span class="ico-new">New</span>
		  {% ELSEIF GOODS_IS_TOP %}
			<span class="ico-best">Hot</span>
		  {% ENDIF %}
		  {% IF GOODS_MOD_MAX_DISCOUNT %}
			<span class="ico-sale">Sale</span>
		  {% ENDIF %}
	<div class="item thumblist-box navigation" {% FOR goods_images %}{% IF goods_images.length <= 1 %}style="display:none;"{% ENDIF %}{% ENDFOR %}>
	  <span class="next"></span>
	  <span class="prev"></span>
	  <!-- Другие изображения товара. Отображаются если есть изображения товара -->
	  {% IFNOT goods_images_empty %}
		<div class="thumblist">
		  {% FOR goods_images %}
			<li {% IF goods_images.first %}style="display: none;"{% ENDIF %}><a href="{goods_images.LARGE}" title="{goods_images.NAME}" class="thumblisticon" rel="gallery"><img src="{goods_images.MEDIUM}" alt="{goods_images.NAME}" class="goods-image-medium" itemprop="image" /></a></li>
		  {% ENDFOR %}
		</div>
	  {% ENDIF %}
	</div>
		<div class="goodsImageZoom" data="{GOODS_IMAGE_ID}" style="display: none;"><a href="#" title="Увеличить изображение"></a></div>
		{% IFNOT goods_images_empty %}
		  <div class="goodsImageList" style="display: none;">
		  {% FOR goods_images %}
			<a href="{goods_images.LARGE}" data="{goods_images.ID}" title="{goods_images.NAME}" rel="gallery"><img src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>
		  {% ENDFOR %}
		  </div>
		{% ENDIF %}
	  </div>
	</div>
	<!-- Другие изображения товара. Отображаются если есть изображения товара -->
	<div class="other_items thumblist-box navigation" {% FOR goods_images %}{% IF goods_images.length <= 1 %}style="display:none;"{% ENDIF %}{% ENDFOR %}>

    
далее зайдите в main.css - найдите:
.thumblist li {display: block;float: left;margin: 0 30px;}
.thumblist li a {display: inline-block;text-align: center;width: 100px;height: 100px;line-height: 100px;}

после него вставьте:
.item .caroufredsel_wrapper, .item .thumblist {height: 300px !important;}
.item .thumblist li a {width: 360px; height: auto;}





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

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