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


Каталог На Главной.

товары главная

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

#1 Павел26

Павел26

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

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

Отправлено 09 Июль 2014 - 19:38

Подскажите, как вместо слайдера поместить весь список товаров на главную в виде таблицы? как увеличить немного размер товара, чтобы он немного крупнее был чем сейчас?
вот кусок кода из HTML
      <!-- Список товаров на главной -->
      {% IFNOT index_page_goods_empty %}
        <script type="text/javascript">
          jQuery(function() {
          $.fn.startCarousel = function() {
              var bodywidth = $('.container').width(),
              itemwidth = $('.mycarousel li').outerWidth(true),  
           mycontwidth = bodywidth > itemwidth ? bodywidth - bodywidth%itemwidth : itemwidth,
           licount = $('.mycarousel li').size(),
           jscroll = 1;
          
           if(licount > mycontwidth/itemwidth){
           jscroll =  mycontwidth/itemwidth;
           } else {
           jscroll = 0;
           mycontwidth = licount * itemwidth;
           }
           $('.mycont').width(mycontwidth);
                         $('.mycarousel').jcarousel({
                                scroll:jscroll,
                                wrap:'circular'
                         });
           };
          $(this).startCarousel();
          $(window).resize(function(){
           $(this).startCarousel();
          });
          $('.mycarousel').jcarousel();
        });
      </script>
      <div class="mycont">
        <ul class="mycarousel">
          {% FOR index_page_goods %}
            <li>
              <h3><a title="{index_page_goods.NAME}" href="{index_page_goods.URL_MIN_PRICE_NOW | url_amp}" style="height:100px;">{index_page_goods.NAME}</a></h3>
              <div style="width: 100%;position: relative;overflow:hidden;">
                <a title="{index_page_goods.NAME}" href="{index_page_goods.URL_MIN_PRICE_NOW | url_amp}">
                 <img alt="{index_page_goods.NAME}" src="{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_goods.IMAGE_SMALL}{% ENDIF %}" />
                </a>
              </div>
              <div class="price">
                <a href="{index_page_goods.URL_MIN_PRICE_NOW}">{index_page_goods.MIN_PRICE_NOW | money_format}</a>
                {% IF index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_goods.MIN_PRICE_NOW %}
                  <a href="{index_page_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
                {% ELSEIF index_page_goods.MIN_PRICE_OLD>index_page_goods.MIN_PRICE_NOW %}
                  <a href="{index_page_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_goods.MIN_PRICE_OLD | money_format}</a>
                {% ENDIF %}
              </div>
              <div class="rating">
                <!-- Среднее значение по результатам всех отзывов об этом товаре -->
                {% IF index_page_goods.OPINION_RATING_VALUE %}
                  <img src="{FORALL_IMAGES_PATH}stars/{index_page_goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{index_page_goods.OPINION_RATING_VALUE}" />
                {% ENDIF %}

              </div>
              <div class="buy-item">
           <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_goods.MIN_PRICE_NOW_ID}">
                  <div>
                    <input type="hidden" name="hash" value="{HASH}" />
                    <input type="hidden" name="form[goods_from]" value="{index_page_goods.GOODS_FROM}" />
                    <input type="hidden" name="form[goods_mod_id]" value="{index_page_goods.MIN_PRICE_NOW_ID}" />
                    <!--button type="submit" onclick="this.form.submit();" title="Положить &laquo;{index_page_goods.NAME}&raquo; в корзину" />В корзину</button-->
                    <button type="submit" onclick="quickorder('.product-form-{index_page_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Купить</button>
                  </div>
                </form>
              </div>
              <!-- Если в тарифном плане подключен модуль сравнения товаров -->
              {% IF TARIFF_FEATURE_GOODS_COMPARE %}
                <!-- Если не выключен модуль сравнения товаров в настройках магазина -->
                {% IFNOT SETTINGS_COMPARE_DISABLE %}
                  {% IF index_page_goods.IS_HAS_IN_COMPARE_LIST %}
                    <a title="Убрать товар из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={index_page_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">убрать из сравнения</a>
                  {% ELSE %}
                    <a title="Добавить товар к списку сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={index_page_goods.MIN_PRICE_NOW_ID}&amp;from={index_page_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">Сравнить</a>
                  {% ENDIF %}
                {% ENDIF %}
              {% ENDIF %}
            </li>
          {% ENDFOR %}
        </ul>
      </div>
      {% ENDIF %}
      <!-- /Список товаров на главной -->

#2 MikDark

MikDark

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

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

Отправлено 09 Июль 2014 - 19:57

Просмотр сообщенияПавел26 (09 Июль 2014 - 19:38) писал:

Подскажите, как вместо слайдера поместить весь список товаров на главную в виде таблицы? как увеличить немного размер товара, чтобы он немного крупнее был чем сейчас?
вот кусок кода из HTML
  <!-- Список товаров на главной -->
  {% IFNOT index_page_goods_empty %}
<script type="text/javascript">
  jQuery(function() {
  $.fn.startCarousel = function() {
  var bodywidth = $('.container').width(),
  itemwidth = $('.mycarousel li').outerWidth(true),  
   mycontwidth = bodywidth > itemwidth ? bodywidth - bodywidth%itemwidth : itemwidth,
   licount = $('.mycarousel li').size(),
   jscroll = 1;
  
   if(licount > mycontwidth/itemwidth){
   jscroll =  mycontwidth/itemwidth;
   } else {
   jscroll = 0;
   mycontwidth = licount * itemwidth;
   }
   $('.mycont').width(mycontwidth);
$('.mycarousel').jcarousel({
scroll:jscroll,
wrap:'circular'
});
   };
  $(this).startCarousel();
  $(window).resize(function(){
   $(this).startCarousel();
  });
  $('.mycarousel').jcarousel();
});
  </script>
  <div class="mycont">
<ul class="mycarousel">
  {% FOR index_page_goods %}
<li>
  <h3><a title="{index_page_goods.NAME}" href="{index_page_goods.URL_MIN_PRICE_NOW | url_amp}" style="height:100px;">{index_page_goods.NAME}</a></h3>
  <div style="width: 100%;position: relative;overflow:hidden;">
<a title="{index_page_goods.NAME}" href="{index_page_goods.URL_MIN_PRICE_NOW | url_amp}">
<img alt="{index_page_goods.NAME}" src="{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_goods.IMAGE_SMALL}{% ENDIF %}" />
</a>
  </div>
  <div class="price">
<a href="{index_page_goods.URL_MIN_PRICE_NOW}">{index_page_goods.MIN_PRICE_NOW | money_format}</a>
{% IF index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_goods.MIN_PRICE_NOW %}
  <a href="{index_page_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
{% ELSEIF index_page_goods.MIN_PRICE_OLD>index_page_goods.MIN_PRICE_NOW %}
  <a href="{index_page_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_goods.MIN_PRICE_OLD | money_format}</a>
{% ENDIF %}
  </div>
  <div class="rating">
<!-- Среднее значение по результатам всех отзывов об этом товаре -->
{% IF index_page_goods.OPINION_RATING_VALUE %}
  <img src="{FORALL_IMAGES_PATH}stars/{index_page_goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{index_page_goods.OPINION_RATING_VALUE}" />
{% ENDIF %}

  </div>
  <div class="buy-item">
   <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_goods.MIN_PRICE_NOW_ID}">
  <div>
<input type="hidden" name="hash" value="{HASH}" />
<input type="hidden" name="form[goods_from]" value="{index_page_goods.GOODS_FROM}" />
<input type="hidden" name="form[goods_mod_id]" value="{index_page_goods.MIN_PRICE_NOW_ID}" />
<!--button type="submit" onclick="this.form.submit();" title="Положить &laquo;{index_page_goods.NAME}&raquo; в корзину" />В корзину</button-->
<button type="submit" onclick="quickorder('.product-form-{index_page_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Купить</button>
  </div>
</form>
  </div>
  <!-- Если в тарифном плане подключен модуль сравнения товаров -->
  {% IF TARIFF_FEATURE_GOODS_COMPARE %}
<!-- Если не выключен модуль сравнения товаров в настройках магазина -->
{% IFNOT SETTINGS_COMPARE_DISABLE %}
  {% IF index_page_goods.IS_HAS_IN_COMPARE_LIST %}
<a title="Убрать товар из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={index_page_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">убрать из сравнения</a>
  {% ELSE %}
<a title="Добавить товар к списку сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={index_page_goods.MIN_PRICE_NOW_ID}&amp;from={index_page_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">Сравнить</a>
  {% ENDIF %}
{% ENDIF %}
  {% ENDIF %}
</li>
  {% ENDFOR %}
</ul>
  </div>
  {% ENDIF %}
  <!-- /Список товаров на главной -->

Здравствуйте. Сделайте бэкап, далее строчку <ul class="mycarousel"> замените на: <ul class="mycarousel2">
Теперь в шаблоне style.css, везде где указывается .mycarousel поменяйте на .mycarousel2

Как сделаете - напишите, скажем что поменять в стилях.

#3 Павел26

Павел26

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

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

Отправлено 10 Июль 2014 - 13:03

А можно чтобы не менять текущий стиль, а только расположение товар изменить.... у меня есть изначальные css и html скажи что из них скопировать и вставить, а потом изменить?

#4 Павел26

Павел26

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

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

Отправлено 10 Июль 2014 - 13:38

чтобы на главной отображался как в каталоге

#5 MikDark

MikDark

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

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

Отправлено 10 Июль 2014 - 14:06

Просмотр сообщенияПавел26 (10 Июль 2014 - 13:38) писал:

чтобы на главной отображался как в каталоге

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

#6 Павел26

Павел26

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

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

Отправлено 10 Июль 2014 - 14:33

Нужно сделать вот так, только на главной...

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

  • Безымянный.png


#7 MikDark

MikDark

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

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

Отправлено 10 Июль 2014 - 14:56

Просмотр сообщенияПавел26 (10 Июль 2014 - 14:33) писал:

Нужно сделать вот так, только на главной...

Для этого нужно сначала убрать карусель. Еще можете в качестве главной установить Каталог.

#8 Павел26

Павел26

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

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

Отправлено 10 Июль 2014 - 15:00

а как ее убрать?? и мне нужен весь текст и картинкм которые идут после... когда удаляю карусель, товар идет вниз и не по сетке!

#9 MikDark

MikDark

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

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

Отправлено 10 Июль 2014 - 16:16

Просмотр сообщенияПавел26 (10 Июль 2014 - 15:00) писал:

а как ее убрать?? и мне нужен весь текст и картинкм которые идут после... когда удаляю карусель, товар идет вниз и не по сетке!

Вы удалите и напишите. Все остальное мы поправим. Тут надо делать поэтапно.

#10 Павел26

Павел26

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

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

Отправлено 10 Июль 2014 - 16:39

все готово.. удалил...

#11 MikDark

MikDark

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

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

Отправлено 10 Июль 2014 - 16:48

Просмотр сообщенияПавел26 (10 Июль 2014 - 16:39) писал:

все готово.. удалил...

Теперь в style.css найдите:
.mycarousel li {
width: 193px;
margin: 0 10px;
text-align: center;
}

и замените на:
.mycarousel li {
width: 193px;
margin: 0 10px;
text-align: center;
display: inline-block;
}


#12 Павел26

Павел26

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

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

Отправлено 10 Июль 2014 - 16:58

Отлично!!)) спасибо!!!





Темы с аналогичным тегами товары главная

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

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