Ibragim2010 (24 Сентябрь 2017 - 20:00) писал:
Восстановил.
1. Подскажите пожалуйста как изменить внешний вид всплывающей вкладки, когда подводишь мышкой к карточке товара внутри каталога (см. фото) ПОЖАЛУЙСТА. Возможно ли сделать именно так, как я нарисовал на картинке? (произвел изменения, которые выше указаны. Они не распространяются на главную страницу, где видны товары, добавленные в раздел НОВИНКИ).
1.1 ИЛИ хотя бы вместо иконки в виде корзинки, которая крутится, поменять ее на обычную кнопку КУПИТЬ с зеленым фоном. (я уже задавал этот вопрос в этой теме, но у меня какой-то бред получился).
2. На сайте каталоги достаточно с большим количеством товара. Можно сделать так, чтобы когда прокручиваешь вниз каталог, левое меню всегда было видно слева, т.е. не оставалось вверху, а двигалось вместе с прокруткой экрана? (надеюсь вы меня поняли)
3. Левое меню озаглавлено КАТАЛОГ. Возможно ли создать еще одно меню слева, только разместить его выше существующего и назвать его по другому, например ЗИМНЯЯ ОБУВЬ
4. В Админке сайта в разделе ТОВАРЫ, в левом столбике показана структура сайта (каталоги, подкаталоги и т.п.). Когда раскрываю какой-либо каталог, в котором есть подкаталоги, он должен просто раскрыться, но по факту глючит и видно только количество товара, которое добавлено в эти подкаталоги (скриншот приложил). Помогает только обновление страницы. Каждый раз приходится обновлять ее. Пожалуйста исправьте глюк.
Аккаунт SL-398104
Заранее спасибо.
Здравствуйте. Простите за длительное ожидание ответа.
1) Хочу Вас предупредить, что последующее изменение будет красиво смотреться и корректно работать только в том случае если у товара будет один вид модификации, к примеру, только размер или только цвет. Если у товара будет и та и другая модификация, конструкция сразу же будет нарушена.
В шаблоне Товар найдите код
<div class="change">
<select class="select_mod">
{% FOR mods %}
<option value="{goods.mods.ID}" {% IF goods.mods.SELECTED %}selected="selected"{% ENDIF %}>{%FOR v%}{goods.mods.v.NAME}: {goods.mods.v.VALUE} {% ENDFOR v %}</option>
{% ENDFOR mods %}
</select>
{% FOR mods %}
<div class="mod_inf {goods.mods.ID}">
<div class="price">
{% IF goods.mods.PRICE_NOW_WITHOUT_DISCOUNT>goods.mods.PRICE_NOW %}
<span class="price-old">{goods.mods.PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
{% ELSEIF goods.mods.PRICE_OLD>goods.mods.PRICE_NOW %}
<span class="price-old">{goods.mods.PRICE_OLD | money_format}</span>
{% ENDIF %}
<span class="price-new">{goods.mods.PRICE_NOW | money_format}</span>
<div class="clear"></div>
</div>
<div class="cart">
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{goods.mods.ID}">
<input type="hidden" name="hash" value="{HASH}" />
<input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
<input type="hidden" name="form[goods_mod_id]" value="{goods.mods.ID}" />
<a class="add_to_cart_small" onclick="quickorder('.product-form-{goods.mods.ID}');return false;" title="Быстро оформить заказ"></a>
<!--a class="add_to_cart_small" onclick="$('.product-form-{goods.mods.ID}').attr('rel', 'quick').submit();return false;" title="Быстро оформить заказ"></a-->
</form>
</div>
</div>
{% ENDFOR mods %}
</div>
и замените его на
<div class="change">
{% FOR mods %}
<div class="mod_inf {goods.mods.ID}">
<div class="price">
{% IF goods.mods.PRICE_NOW_WITHOUT_DISCOUNT>goods.mods.PRICE_NOW %}
<span class="price-old">{goods.mods.PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
{% ELSEIF goods.mods.PRICE_OLD>goods.mods.PRICE_NOW %}
<span class="price-old">{goods.mods.PRICE_OLD | money_format}</span>
{% ENDIF %}
<span class="price-new">{goods.mods.PRICE_NOW | money_format}</span>
<div class="clear"></div>
</div>
</div>
{% ENDFOR mods %}
{% FOR mods %} {%FOR v%}<p>{goods.mods.v.NAME}</p>{% ENDFOR v %}{break}{% ENDFOR mods %}
<select class="select_mod">
{% FOR mods %}
<option value="{goods.mods.ID}" {% IF goods.mods.SELECTED %}selected="selected"{% ENDIF %}>{%FOR v%}{goods.mods.v.VALUE} {% ENDFOR v %}</option>
{% ENDFOR mods %}
</select>
{% FOR mods %}
<div class="mod_inf {goods.mods.ID}">
<div class="cart">
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{goods.mods.ID}">
<input type="hidden" name="hash" value="{HASH}" />
<input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
<input type="hidden" name="form[goods_mod_id]" value="{goods.mods.ID}" />
<a class="add_to_cart_small" onclick="quickorder('.product-form-{goods.mods.ID}');return false;" title="Быстро оформить заказ"></a>
<!--a class="add_to_cart_small" onclick="$('.product-form-{goods.mods.ID}').attr('rel', 'quick').submit();return false;" title="Быстро оформить заказ"></a-->
</form>
</div>
</div>
{% ENDFOR mods %}
</div>
Далее в конец файла main.css добавьте код
.change select.select_mod {
float: left;
}
.change p {
text-align: left;
}
2) В конец файла main.js добавьте блок
// Функция фиксации шапки
jQuery(document).ready(function($){
if(getClientWidth() > 750){
if($('#column-left .box')){
$('#column-left').css('height', $('#container > .inner').height());
$('#column-left .box').stick_in_parent({
sticky_class: 'keep-menu'
});
}
}
});
В конец файла forall.js добавьте код
/*Sticky-kit v1.1.2 | WTFPL | Leaf Corcoran 2015 | http://leafo.net
*/
(function(){var a,c;a=this.jQuery||window.jQuery;c=a(window);a.fn.stick_in_parent=function(j){var g,o,m,h,e,l,f,b,i,s,r;null==j&&(j={});r=j.sticky_class;e=j.inner_scrolling;s=j.recalc_every;i=j.parent;b=j.offset_top;f=j.spacer;o=j.bottoming;null==b&&(b=0);null==i&&(i=void 0);null==e&&(e=!0);null==r&&(r="is_stuck");g=a(document);null==o&&(o=!0);m=function(U,S,N,L,E,J,M,A){var B,w,O,K,q,T,R,t,p,k,Q,P;if(!U.data("sticky_kit")){U.data("sticky_kit",!0);q=g.height();R=U.parent();null!=i&&(R=R.closest(i));if(!R.length){throw"failed to find stick parent"}B=O=!1;(Q=null!=f?f&&U.closest(f):a("<div />"))&&Q.css("position",U.css("position"));t=function(){var u,d,n;if(!A&&(q=g.height(),u=parseInt(R.css("border-top-width"),10),d=parseInt(R.css("padding-top"),10),S=parseInt(R.css("padding-bottom"),10),N=R.offset().top+u+d,L=R.height(),O&&(B=O=!1,null==f&&(U.insertAfter(Q),Q.detach()),U.css({position:"",top:"",width:"",bottom:""}).removeClass(r),n=!0),E=U.offset().top-(parseInt(U.css("margin-top"),10)||0)-b,J=U.outerHeight(!0),M=U.css("float"),Q&&Q.css({width:U.outerWidth(!0),height:J,display:U.css("display"),"vertical-align":U.css("vertical-align"),"float":M}),n)){return P()}};t();if(J!==L){return K=void 0,T=b,k=s,P=function(){var d,n,v,u;if(!A&&(v=!1,null!=k&&(--k,0>=k&&(k=s,t(),v=!0)),v||g.height()===q||t(),v=c.scrollTop(),null!=K&&(n=v-K),K=v,O?(o&&(u=v+J+T>L+N,B&&!u&&(B=!1,U.css({position:"fixed",bottom:"",top:T}).trigger("sticky_kit:unbottom"))),v<E&&(O=!1,T=b,null==f&&("left"!==M&&"right"!==M||U.insertAfter(Q),Q.detach()),d={position:"",width:"",top:""},U.css(d).removeClass(r).trigger("sticky_kit:unstick")),e&&(d=c.height(),J+b>d&&!B&&(T-=n,T=Math.max(d-J,T),T=Math.min(b,T),O&&U.css({top:T+"px"})))):v>E&&(O=!0,d={position:"fixed",top:T},d.width="border-box"===U.css("box-sizing")?U.outerWidth()+"px":U.width()+"px",U.css(d).addClass(r),null==f&&(U.after(Q),"left"!==M&&"right"!==M||Q.append(U)),U.trigger("sticky_kit:stick")),O&&o&&(null==u&&(u=v+J+T>L+N),!B&&u))){return B=!0,"static"===R.css("position")&&R.css({position:"relative"}),U.css({position:"absolute",bottom:S,top:"auto"}).trigger("sticky_kit:bottom")}},p=function(){t();return P()},w=function(){A=!0;c.off("touchmove",P);c.off("scroll",P);c.off("resize",p);a(document.body).off("sticky_kit:recalc",p);U.off("sticky_kit:detach",w);U.removeData("sticky_kit");U.css({position:"",bottom:"",top:"",width:""});R.position("position","");if(O){return null==f&&("left"!==M&&"right"!==M||U.insertAfter(Q),Q.remove()),U.removeClass(r)}},c.on("touchmove",P),c.on("scroll",P),c.on("resize",p),a(document.body).on("sticky_kit:recalc",p),U.on("sticky_kit:detach",w),setTimeout(P,0)}}};h=0;for(l=this.length;h<l;h++){j=this[h],m(a(j))}return this}}).call(this);
3) В шаблоне HTML найдите код
{%ENDIF%}
<!-- /Каталог товаров -->
и замените его на
{%ENDIF%}
{%IFNOT catalog_full_empty%}
<div class="box">
<div class="box-heading">Зимняя обувь</div>
<div class="box-content">
<div class="box-category">
{%FOR catalog_full%}
<ul class="accordion">
<li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} {% IFNOT catalog_full.PARENT_ID = ID категории %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.CURRENT %} active{% ENDIF %}">
<a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a>
</li>
</ul>
{%ENDFOR%}
</div>
</div>
</div>
{%ENDIF%}
<!-- /Каталог товаров -->
В нем ID категории замените на идентификатор категории из которой необходимо вывести подкатегории. Идентификатор Вы можете увидеть в редактировании данной категории в адресной строке (указала на скриншоте пример)
4) Это проблема возникает из-за обновления Google chrome и браузеров на его движке, которое вышло с ошибкой. В данном случае Вам необходимо обновить браузеры до последней версии, так как в последнем обновлении эту проблему разработчики Google Chrome устранили.
5) Пришлите, пожалуйста, скриншот, где цена товара не отображается.
Прикрепленные изображения