Товары На Сайте
#1
Отправлено 21 Сентябрь 2016 - 08:49
#2
Отправлено 21 Сентябрь 2016 - 09:35
Антон1212 (21 Сентябрь 2016 - 08:49) писал:
Здравствуйте.
В данном случае попробуйте, пожалуйста, применить следующие изменения:
В шаблоне main.css найдите, пожалуйста. данный код:
.prod_hold > div .prod-info-fly, .prod_hold_recent > div .prod-info-fly { background: #ffffff; text-align: center; min-height: 120px; opacity: 0; padding: 20px 5px; position: absolute; left: 0; bottom: -252px; width: 210px; display: none; }
И замените его вот этим вот кодом:
.prod_hold > div .prod-info-fly, .prod_hold_recent > div .prod-info-fly { background: #ffffff; text-align: center; min-height: 120px; opacity: 0; padding: 20px 5px; position: absolute; left: 0; bottom: -252px; width: 210px; display: none !important; }
После чего в самый конец указанного шаблона, добавьте, пожалуйста, следующий код:
.image.goods-cat-image-medium-square:hover { transform: scale(1.2, 1.2); }
#3
Отправлено 21 Сентябрь 2016 - 10:08
RayLi (21 Сентябрь 2016 - 09:35) писал:
В данном случае попробуйте, пожалуйста, применить следующие изменения:
В шаблоне main.css найдите, пожалуйста. данный код:
.prod_hold > div .prod-info-fly, .prod_hold_recent > div .prod-info-fly { background: #ffffff; text-align: center; min-height: 120px; opacity: 0; padding: 20px 5px; position: absolute; left: 0; bottom: -252px; width: 210px; display: none; }
И замените его вот этим вот кодом:
.prod_hold > div .prod-info-fly, .prod_hold_recent > div .prod-info-fly { background: #ffffff; text-align: center; min-height: 120px; opacity: 0; padding: 20px 5px; position: absolute; left: 0; bottom: -252px; width: 210px; display: none !important; }
После чего в самый конец указанного шаблона, добавьте, пожалуйста, следующий код:
.image.goods-cat-image-medium-square:hover { transform: scale(1.2, 1.2); }
Спасибо заранее
#4
Отправлено 21 Сентябрь 2016 - 10:37
Антон1212 (21 Сентябрь 2016 - 10:08) писал:
Спасибо заранее
Для этого, в редакторе шаблонов, в файле Товары найдите код:
<div> <div class="image goods-cat-image-medium-square"> {% IF user_agent_ie7 %} <a href="{goods.IMAGE_LARGE}" title="{goods.NAME}"> <div class="product-image"><img class="goods-cat-image-medium" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}"> </div> </a> {% ELSEIF user_agent_ie8 %} <a href="goods.IMAGE_LARGE}" title="{goods.NAME}"> <div class="product-image"><img class="goods-cat-image-medium" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}"> </div> </a> {% ELSE %} <a href="{goods.IMAGE_LARGE}" title="{goods.NAME}" > <img class="goods-cat-image-medium" alt="{goods.NAME}" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" /> </a> {% ENDIF %} </div>
И замените его на:
<div class="other_item"> <div class="image goods-cat-image-medium-square"> {% IF user_agent_ie7 %} <a href="{goods.IMAGE_LARGE}" title="{goods.NAME}"> <div class="product-image"><img class="goods-cat-image-medium" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}"> </div> </a> {% ELSEIF user_agent_ie8 %} <a href="{goods.IMAGE_LARGE}" title="{goods.NAME}"> <div class="product-image"><img class="goods-cat-image-medium" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}"> </div> </a> {% ELSE %} <a href="{goods.IMAGE_LARGE}" title="{goods.NAME}" > <img class="goods-cat-image-medium" alt="{goods.NAME}" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" /> </a> {% ENDIF %} </div> <script> $(document).ready(function() { $(".other_item a").fancybox({ fitToView : false, width : '70%', height : '70%', autoSize : false, closeClick : false, openEffect : 'none', closeEffect : 'none'});}); </script>
Не забывайте перед изменением кода создавать бэкап шаблона, на случай если данные изменения вам не подойдут.
#5
Отправлено 21 Сентябрь 2016 - 15:10
Ra1zon (21 Сентябрь 2016 - 10:37) писал:
<div> <div class="image goods-cat-image-medium-square"> {% IF user_agent_ie7 %} <a href="{goods.IMAGE_LARGE}" title="{goods.NAME}"> <div class="product-image"><img class="goods-cat-image-medium" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}"> </div> </a> {% ELSEIF user_agent_ie8 %} <a href="goods.IMAGE_LARGE}" title="{goods.NAME}"> <div class="product-image"><img class="goods-cat-image-medium" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}"> </div> </a> {% ELSE %} <a href="{goods.IMAGE_LARGE}" title="{goods.NAME}" > <img class="goods-cat-image-medium" alt="{goods.NAME}" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" /> </a> {% ENDIF %} </div>
И замените его на:
<div class="other_item"> <div class="image goods-cat-image-medium-square"> {% IF user_agent_ie7 %} <a href="{goods.IMAGE_LARGE}" title="{goods.NAME}"> <div class="product-image"><img class="goods-cat-image-medium" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}"> </div> </a> {% ELSEIF user_agent_ie8 %} <a href="{goods.IMAGE_LARGE}" title="{goods.NAME}"> <div class="product-image"><img class="goods-cat-image-medium" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}"> </div> </a> {% ELSE %} <a href="{goods.IMAGE_LARGE}" title="{goods.NAME}" > <img class="goods-cat-image-medium" alt="{goods.NAME}" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" /> </a> {% ENDIF %} </div> <script> $(document).ready(function() { $(".other_item a").fancybox({ fitToView : false, width : '70%', height : '70%', autoSize : false, closeClick : false, openEffect : 'none', closeEffect : 'none'});}); </script>
Не забывайте перед изменением кода создавать бэкап шаблона, на случай если данные изменения вам не подойдут.
#6
Отправлено 21 Сентябрь 2016 - 15:21
Антон1212 (21 Сентябрь 2016 - 15:10) писал:
К сожалению для темы вашего сайта, а именно *пластик* не предусмотрена адаптивность для мобильных версий, если вам необходима мобильная версия сайта, выберет другую тему, но предупреждаем, что все изменения осуществляемые с вашей темой будут убраны (Вы сможете восстановить прежнюю версию с помощью бэкапа).
Посмотреть темы вы можете в вашем Бэк-офисе раздел Сайт-Галерея тем. Нажав под картинкой темы *Посмотреть демо*.
#7
Отправлено 21 Сентябрь 2016 - 15:26
Ra1zon (21 Сентябрь 2016 - 15:21) писал:
Посмотреть темы вы можете в вашем Бэк-офисе раздел Сайт-Галерея тем. Нажав под картинкой темы *Посмотреть демо*.
#9
Отправлено 21 Сентябрь 2016 - 15:53
Stasya (21 Сентябрь 2016 - 15:43) писал:
вопрос про мобильную версию актуален
#10
Отправлено 21 Сентябрь 2016 - 15:59
Антон1212 (21 Сентябрь 2016 - 15:53) писал:
вопрос про мобильную версию актуален
Мы понимаем вашу уверенность, но просим воспользоваться инструкцией выше, чтоб это проверить, также прилагаю скриншот установленной у вас темы на аккаунте 392634.
#11
Отправлено 21 Сентябрь 2016 - 16:10
Ra1zon (21 Сентябрь 2016 - 15:59) писал:
ИЗВИНЯЮСЬ!!!!!
Дело было так: Это шаблон весна, но по какой то причине я изначально все из старого и переделанного шаблона весна, скопировал на шаблон пластик... Тоесть что мы имеем: HTML, СSS и все остальное из темы весна... помоему бэкап переделанной весны накатил по ошибке на пластик, получается у меня сейчас тема весна же?)))
видимо создал новый аккаунт и просто сразу же распаковал бэкап не поменяв тему...
как мне быть и что делать??? Я даже и не подозревал, что могу так накосячить.......
#12
Отправлено 21 Сентябрь 2016 - 16:24
Антон1212 (21 Сентябрь 2016 - 16:10) писал:
ИЗВИНЯЮСЬ!!!!!
Дело было так: Это шаблон весна, но по какой то причине я изначально все из старого и переделанного шаблона весна, скопировал на шаблон пластик... Тоесть что мы имеем: HTML, СSS и все остальное из темы весна... помоему бэкап переделанной весны накатил по ошибке на пластик, получается у меня сейчас тема весна же?)))
видимо создал новый аккаунт и просто сразу же распаковал бэкап не поменяв тему...
как мне быть и что делать??? Я даже и не подозревал, что могу так накосячить.......
Если вы утверждаете, что делали ранее сайт из шаблона весна, вы можете вставить в конец файл main.css следующий код:
/* Адаптивность шаблона ==============================*/ @media only screen and (min-width: 981px) and (max-width: 1220px) { .inner {width:95%;} } @media only screen and (min-width: 990px) { #header .flexslider li img.slide_img{display:block !important;} #header .flexslider li .bigPic {display:none !important;} #header.borderless {border-bottom:none;} } @media only screen and (min-width: 768px) and (max-width: 980px) { .inner {width:95%;} #header_colapse .inner {background:none !important;} #footer .column {width:22% !important;margin:10px !important;min-height:100px;} div.prod_hold .prod-info-fly .price, div.prod_hold_recent .prod-info-fly .price {margin-bottom:25px;} #column-left + #content div.prod_hold, #column-left + #content div.prod_hold_recent { margin:0px 11px 20px 11px;} #toggle_switch {display:block;} p img {max-width:100% !important;height:auto !important;} .product-info .cart {height:auto;overflow:auto;} .product-info .cart input[type="text"] {margin-bottom:10px;} .orderStepName {font-size: 18px;} .orderStepName:before {margin-right: 5px;} table.form tr td:first-child {width: 40%;*width: 0px;} #content .login-content .content {padding: 0;overflow: visible;} .login-content table.form td {position: relative;width: 100%;display: block; padding: 4px 0;} } @media screen and (max-width: 785px) { .orderStepName {font-size: 16px;} table.form {table-layout: fixed;} table.form tr td:first-child {width: auto;} } @media only screen and (max-width: 625px) { .orderHeader {display: none !important;} } @media only screen and (min-width: 557px) and (max-width: 898px) { .item-detail{width: 49%;} } @media only screen and (min-width: 480px) and (max-width: 556px) { .item-detail {width: 40%;} } @media only screen and (min-width: 480px) and (max-width: 767px) { #toggle_switch {display:none;} .inner {width:86%;} #header_colapse .inner {display:block !important;} #header #cart {right: 0px;width: auto;float: none;} .box-product, .product-list, .product-list2, .product-list3, .product-list4 {text-align:center;} div.prod_hold, div.prod_hold_recent {margin:10px auto;} div.prod_hold .name, div.prod_hold .price, div.prod_hold_recent .name, div.prod_hold_recent .price {display: none;} div.prod_hold .prod-info-fly, div.prod_hold_recent .prod-info-fly{display: block;position: relative;padding: 0;bottom: 0;opacity: 1;width: 200px; } div.prod_hold .prod-info-fly .name, div.prod_hold .prod-info-fly .price, div.prod_hold_recent .prod-info-fly .name, div.prod_hold_recent .prod-info-fly .price { display: block !important;} #header .links {margin:0;} #compareInfo {margin: 10px auto -20px;width: 100%;text-align: center;} #header #welcome { display: none;} #header #search { position:relative;clear:both;width:440px;margin-bottom: 19px;float: left;} #header #search input {width:380px;} #header #support {display:none;} #header #cart h4, #header #cart #cart-total {display:block;} #header #cart .content {top:35px;} #header_colapse .inner { overflow: visible; padding:8px 0; background:none !important;} #column-left { float:none; width:100%;} #column-left .recent {display: none!important;} #column-left + #content {margin: 0; } #footer .column {width:100% !important;margin:10px 0 !important;min-height:100px;} #footer .one_fourth {display: none;} #footer .one_fourth.last {display: block;} #tabs a {font-size:14px;} .product-info .image {width:380px;} .product-info .image img{max-width:100%; } .product-info >.left, .product-info > .left + .right {float:none;margin: 0;} img {max-width:100% !important;height:auto !important;} textarea {width: 100%;} #column-left div.prod_hold, #column-left div.prod_hold_recent {margin:0px 8px 20px 8px;} .product-filter .view-mode label {display: none;} #main_nav { display: none; } .selectnav { display: block; margin:6px 0 0 0; width:100%; } #column-left .box .box-heading:after {content: url("{ASSETS_IMAGES_PATH}downArrow.png?design=spring") no-repeat right center;position: absolute;right: 16px;top: 10px;cursor: pointer;} #column-left .box .box-heading + .box-content {display: none;} #column-left .box .box-heading.up:after {content: url("{ASSETS_IMAGES_PATH}UPArrow.png?design=spring") no-repeat right center;} table.form {table-layout: fixed;} #content .login-content .content {padding: 0;overflow: visible;} .login-content h4, .login-content .right p {display: none;} p.required {display: none;} .login-content table.form td {position: relative;width: 100%;display: block;padding: 4px 0;} .generally label:after {content: ""; display: block;clear: both;} } @media only screen and (max-width: 480px) { h2 {font-size: 24px;} .inner {width:80%;} #header_colapse .inner {display:block !important;} #toggle_switch {display:none;} #header .links {margin:0;} #compareInfo {margin-left:0px;float: left;} #header #welcome {display: none;} #header #search {position:relative;clear:both;width:100%;margin-bottom:10px;} #header #search input {width:70%;} #header #support {display:none;} #header #logo {margin: 0;} #header #cart{ width: 98%; min-width: 98%;float: none;margin-bottom: 10px;} #header #cart .heading {padding: 0 0 0 46px;} #header #cart .cart_circle {right: auto; left: 0;} #header #cart h4, #header #cart #cart-total {display:block;text-align: left !important;} #header #cart .content {top:35px;} #header_colapse .inner {overflow:visible;padding:8px 0;background:none !important;} #main_nav { display: none; } .selectnav { display: block; margin:6px 0 0 0; width:100%; } #column-left {float:none;width:100%;} #column-left .recent {display: none!important;} #column-left + #content {margin: 0;} .box-product, .product-list, .product-list2, .product-list3, .product-list4 {text-align:center;} div.prod_hold, div.prod_hold_recent {margin:10px auto;width: 90%;} div.prod_hold > div .prod-info-fly, div.prod_hold_recent > div .prod-info-fly {width: 100%;} div.prod_hold .name, div.prod_hold .price, div.prod_hold_recent .name, div.prod_hold_recent .price {display: none;} div.prod_hold .prod-info-fly, div.prod_hold_recent .prod-info-fly {display: block;position: relative;padding: 0;bottom: 0;opacity: 1; } div.prod_hold .prod-info-fly .name, div.prod_hold .prod-info-fly .price, div.prod_hold_recent .prod-info-fly .name, div.prod_hold_recent .prod-info-fly .price{display: block !important;} .item-detail {width: 100%;} #footer .column {width:100% !important;margin:10px 0 !important;min-height:100px;} #footer .one_fourth {display: none;} #footer .one_fourth.last {display: block;} #tabs a {font-size:12px;padding:10px;} .category-info {padding: 10px 0;} .category-info .left {float:none;} .category-info .right {margin: 10px 0 0 0; padding: 0;} .product-info .image {width:260px;} .product-info .image img{max-width:100%; } .product-info >.left, .product-info > .left + .right {float:none;margin: 0;} .login-content .left, .login-content .right {width:95%;float:left;margin-bottom:10px;} img {max-width:100% !important;height:auto !important;} textarea {width: 100%;} #column-left .box .box-heading:after {content: url("{ASSETS_IMAGES_PATH}downArrow.png?design=spring") no-repeat right center;position: absolute;right: 16px;top: 10px;cursor: pointer;} #column-left .box .box-heading + .box-content {display: none;} #column-left .box .box-heading.up:after {content: url("{ASSETS_IMAGES_PATH}UPArrow.png?design=spring") no-repeat right center;} table.form td {position: relative;width: 100%;display: block;padding: 4px 0;} #content .login-content .content {padding: 10px 0;overflow: visible;} p.required {display: none;} #content .buttons .left {display: none;} } /* /END адаптивность шаблона ======================================================*/
Но мы не можем гарантировать, что адаптивность будет работать корректно, как на обычном шаблоне Весна из за большого количества изменений на Вашем сайте.
#13
Отправлено 27 Декабрь 2017 - 22:21
В разделе каталога, в категориях и подкатегориях товаров в полноценной версии шаблона под картинками отображаются наименования категорий (скрин 1), но при переходе на мобильную версию название категорий теряется, остаются только изображения (скрин 2).
Помогите сделать так, дабы и в мобильной версии были надписи как в полноценной.
( Аккаунт SL-429515 )
#14
Отправлено 28 Декабрь 2017 - 11:35
Андрей37 (27 Декабрь 2017 - 22:21) писал:
В разделе каталога, в категориях и подкатегориях товаров в полноценной версии шаблона под картинками отображаются наименования категорий (скрин 1), но при переходе на мобильную версию название категорий теряется, остаются только изображения (скрин 2).
Помогите сделать так, дабы и в мобильной версии были надписи как в полноценной.
( Аккаунт SL-429515 )
Здравствуйте. Вам нужно в шаблоне main.css удалить код:
div.prod_hold .name, div.prod_hold .price, div.prod_hold_recent .name, div.prod_hold_recent .price { display: none; }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных