Ирина345 (03 Февраль 2017 - 16:03) писал:
1. кнопка только съехала и щас она справа в 3 строке
3. форма быстрого заказа теперь маленькая, но к левой стороне примагничена
помогите тут еще пожалуйста 97 пост
Отправлено 10 Февраль 2017 - 10:31
arenkir (06 Февраль 2017 - 10:56) писал:
#producttabs .pdt-content .item:nth-child(1), #producttabs .pdt-content .item:nth-child(2), #producttabs .pdt-content .item:nth-child(3), #producttabs .pdt-content .item:nth-child(4), #producttabs .pdt-content .item:nth-child(5), #producttabs .pdt-content .item:nth-child(6), #producttabs .pdt-content .item:nth-child(7), #producttabs .pdt-content .item:nth-child(8), #producttabs .pdt-content .item:nth-child(9) {display:block;}добавил
#producttabs .pdt-content .item:nth-child(9) + div {width:100%;display:block;}
// Быстрый заказ function quickOrder(formSelector) { // Находим форму, которую отправляем на сервер, для добавления товара в корзину var formBlock = $($(formSelector).get(0)); // Проверка на существование формы отправки запроса на добавление товара в корзину if(1 > formBlock.length || formBlock.get(0).tagName != 'FORM') { alert('Не удалось найти форму добавления товара в корзину'); return false; } // Получаем данные формы, которые будем отправлять на сервер var formData = formBlock.serializeArray(); // Сообщаем серверу, что мы пришли через ajax запрос formData.push({name: 'ajax_q', value: 1}); // Так же сообщим ему, что нужно сразу отобразить форму быстрого заказа formData.push({name: 'fast_order', value: 1}); // Аяксом добавляем товар в корзину и вызываем форму быстрого заказа товара $.ajax({ type : "POST", cache : false, url : formBlock.attr('action'), data : formData, success: function(data) { $.fancybox({ fitToView : false, autoSize : false, content : data, // При изменении размера окна изменяем размер окна оформления заказа onUpdate : function(){ var w = $(window).width()*0.8; if(w < 800) { // Автоматический ресайз внутреннего блока fancybox-а $('.fancybox-inner').css('width', 'auto'); // Изменяем размер fancybox окна $('.fancybox-wrap').css({'width': w + 'px'}); } return false; } }); setTimeout(function(){$.fancybox.update();}, 500); } }); return false; }
Отправлено 10 Февраль 2017 - 13:26
Mr.Nito (10 Февраль 2017 - 10:31) писал:
Отправлено 20 Февраль 2017 - 13:02
} else { // Отправим запись об ошибке на сервер sendError('no modification by slug '+slug); alert('К сожалению сейчас не получается подобрать модификацию соответствующую выбранным параметрам.'); }и сразу после него вставьте блок
src_new = $('.goodsDataMainModificationsDescriptionBlock').find('img').attr('src'); $('#left-column .image img').attr('src', src_new); $('#left-column .image a').attr('href', src_new);
$(document).ready(function(){ $('.goodsDataMainModificationsBlock').find('.goodsDataMainModificationsBlockProperty select').trigger('change'); $('a[rel="gallery"]').fancybox(); // Увеличение изображение при клике на него и открытие галереи изображений $('#thumbs_list a').click(function(){ if($(this).closest('#thumbs_list').length) { $('#left-column .image img').attr('src', $(this).attr('href')); $('#left-column .image a').attr('href', $(this).attr('href')); } return false; }); // Увеличение изображение при клике на него и открытие галереи изображений $('#left-column .image a').click(function(){ // Для иконки изображения запустим галерею $(this).fancybox(); return false; }); })
<div id="left-column"> <!-- Большое изображение --> <div class="image"> <div id="wrap" style="top:0px;z-index:9999;position:relative;background: #fff;margin: 0 auto;text-align: center;"> {% IF GOODS_IMAGE_EMPTY %} <img src="{ASSETS_IMAGES_PATH}no-photo-medium.png?design=autumn" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}" class="thumbnail"/> {% ELSE %} <a itemprop="image" href="{GOODS_IMAGE_LARGE}" title="Увеличить {GOODS_NAME}" class="cloud-zoom" id="zoom1" rel="position: 'inside', zoomPosition: '3', showTitle: false, adjustX:-4, adjustY:-4"> <img src="{GOODS_IMAGE_MEDIUM}" title="{GOODS_NAME}" alt="{GOODS_NAME}" id="image"> </a> {% ENDIF %} </div> </div> <!-- Другие изображения товара. Отображаются если есть изображения товара --> {% IFNOT goods_images_empty %} {% FOR goods_images %} {% IF goods_images.first %} <div class="clearfix"{% IF goods_images.length=1 %}style="display:none;"{% ENDIF %} id="views_block"> <span class="view_scroll_spacer"><a class="hidden" href="javascript:{}" id="view_scroll_left" title="Предыдущая" style="cursor: default; display: none; opacity: 0;">Предыдущая</a></span> <div id="thumbs_list"> <ul id="thumbs_list_frame" style="width: 100000px;"> {% ENDIF %} <li> <a href="{goods_images.LARGE}" title="{goods_images.NAME}" class="cloud-zoom-gallery" rel="useZoom: 'zoom1', smallImage: '{goods_images.MEDIUM}' "> <img src="{goods_images.ICON}" alt="{goods_images.NAME}" /> </a> </li> {% IF goods_images.last %} </ul> </div> <a href="javascript:{}" id="view_scroll_right" title="Следующая" style="cursor: pointer; opacity: 1; display: block;">Следующая</a> </div> {% ENDIF %} {% ENDFOR %} {% ENDIF %} </div>и замените его на
<div id="left-column"> <!-- Большое изображение --> <div class="image"> <div id="wrap"> {% IF GOODS_IMAGE_EMPTY %} <img src="{ASSETS_IMAGES_PATH}no-photo-medium.png?design=autumn" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}" class="thumbnail"/> {% ELSE %} <a itemprop="image" href="{GOODS_IMAGE_LARGE}" title="Увеличить {GOODS_NAME}" > <img src="{GOODS_IMAGE_MEDIUM}" title="{GOODS_NAME}" alt="{GOODS_NAME}" id="image"> </a> {% ENDIF %} </div> </div> <!-- Другие изображения товара. Отображаются если есть изображения товара --> {% IFNOT goods_images_empty %} {% FOR goods_images %} {% IF goods_images.first %} <div class="clearfix"{% IF goods_images.length=1 %}style="display:none;"{% ENDIF %} id="views_block"> <span class="view_scroll_spacer"><a class="hidden" href="javascript:{}" id="view_scroll_left" title="Предыдущая" style="cursor: default; display: none; opacity: 0;">Предыдущая</a></span> <div id="thumbs_list"> <ul id="thumbs_list_frame" style="width: 100000px;"> {% ENDIF %} <li> <a href="{goods_images.LARGE}" title="{goods_images.NAME}" rel="gallery"> <img src="{goods_images.ICON}" alt="{goods_images.NAME}" /> </a> </li> {% IF goods_images.last %} </ul> </div> <a href="javascript:{}" id="view_scroll_right" title="Следующая" style="cursor: pointer; opacity: 1; display: block;">Следующая</a> </div> {% ENDIF %} {% ENDFOR %} {% ENDIF %} </div>
Отправлено 20 Март 2017 - 23:44
Отправлено 21 Март 2017 - 05:29
Отправлено 03 Июль 2017 - 14:13
// Отправим запись об ошибке на сервер sendError('no modification by slug '+slug); alert('К сожалению сейчас не получается подобрать модификацию соответствующую выбранным параметрам.'); }
src_new = $('.goodsDataMainModificationsDescriptionBlock').find('img').attr('src'); $('.general-img img').attr('src', src_new); $('.general-img a').attr('href', src_new); $('#cloud-zoom-big').css('background-image','url(src_new)');
// Фильтр по ценами перед ней вставляем блок
$(document).ready(function(){ setTimeout(function(){ $('.goodsDataMainModificationsBlock').find('.goodsDataMainModificationsBlockProperty select').trigger('change'); }, 300) })
Отправлено 25 Октябрь 2017 - 16:57
Stasya (03 Июль 2017 - 14:13) писал:
// Отправим запись об ошибке на сервер sendError('no modification by slug '+slug); alert('К сожалению сейчас не получается подобрать модификацию соответствующую выбранным параметрам.'); }
src_new = $('.goodsDataMainModificationsDescriptionBlock').find('img').attr('src'); $('.general-img img').attr('src', src_new); $('.general-img a').attr('href', src_new); $('#cloud-zoom-big').css('background-image','url(src_new)');
// Фильтр по ценами перед ней вставляем блок
$(document).ready(function(){ setTimeout(function(){ $('.goodsDataMainModificationsBlock').find('.goodsDataMainModificationsBlockProperty select').trigger('change'); }, 300) })
Отправлено 26 Октябрь 2017 - 08:17
<!-- Блок описания модификации --> {% IF GOODS_MOD_DESCRIPTION %} <div class="goodsDataMainModificationsDescriptionBlock" itemprop="description"> <div>{GOODS_MOD_DESCRIPTION}</div> </div> {% ENDIF %}
<!-- Блок описания модификации --> <div class="goodsDataMainModificationsDescriptionBlock" itemprop="description"> <div>{GOODS_MOD_DESCRIPTION}</div> </div>
Отправлено 26 Октябрь 2017 - 15:28
Vaccina (26 Октябрь 2017 - 08:17) писал:
<!-- Блок описания модификации --> {% IF GOODS_MOD_DESCRIPTION %} <div class="goodsDataMainModificationsDescriptionBlock" itemprop="description"> <div>{GOODS_MOD_DESCRIPTION}</div> </div> {% ENDIF %}
<!-- Блок описания модификации --> <div class="goodsDataMainModificationsDescriptionBlock" itemprop="description"> <div>{GOODS_MOD_DESCRIPTION}</div> </div>
Отправлено 30 Октябрь 2017 - 16:50
kirussian (26 Октябрь 2017 - 15:28) писал:
.product-view .product-shop .goodsDataMainModificationsBlock .goodsDataMainModificationsDescriptionBlock { width: 100%; max-height: 50px; overflow: hidden; border-left: 3px solid #019934; padding: 0 0 0 15px; }
.product-view .product-shop .goodsDataMainModificationsBlock .goodsDataMainModificationsDescriptionBlock { width: 100%; max-height: 50px; overflow: hidden; border-left: 3px solid #019934; padding: 0 0 0 15px; display: none; }
Отправлено 12 Декабрь 2017 - 14:59
Отправлено 22 Февраль 2018 - 11:16
Отправлено 27 Февраль 2018 - 09:59
Отправлено 27 Февраль 2018 - 10:07
Stasya (01 Июль 2016 - 18:23) писал:
<img src="ссылка на изображение">
// Отправим запись об ошибке на сервер sendError('no modification by slug '+slug); alert('К сожалению сейчас не получается подобрать модификацию соответствующую выбранным параметрам.'); }
src_new = $('.goodsDataMainModificationsDescriptionBlock').find('img').attr('src'); $('.general-img img').attr('src', src_new); $('.general-img a').attr('href', src_new); $('#cloud-zoom-big').css('background-image','url(src_new)');
// Добавление/удаление товара на сравнение/избранное через ajax $('.add-compare').click(function(){И перед ним добавьте блок строку
$('.goodsDataMainModificationsBlock').find('.goodsDataMainModificationsBlockProperty select').trigger('change');
<center class="goodsImageZoom" data="{GOODS_IMAGE_ID}">Увеличить изображение</center>и заменяем ее на
<a href="{GOODS_IMAGE_LARGE}" class="cloud-zoom" id="zoom1">Увеличить изображение</a>
<div class="goodsImageZoom" data="{GOODS_IMAGE_ID}" style="display: none;"><a href="#" title="Увеличить изображение"></a></div>и заменяем ее на
<div class="goodsImageZoom" style="display: none;"><a href="#" title="Увеличить изображение"></a></div>Вот в принципе и все. Проблема теперь заключается только в функции zoom (при наведении на картинку увеличивается часть картинки). Так как ее переписать не удастся, предлагаю ее убрать.
Отправлено 05 Март 2018 - 17:31
Отправлено 07 Март 2018 - 12:38
Отправлено 09 Март 2018 - 07:23
0 пользователей, 0 гостей, 0 анонимных