Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

vanyushka

Регистрация: 09 сент. 2013
Offline Активность: 03 нояб. 2022 10:28

Публикации

#151665 Вместо Белого Фона Изображение

Отправлено Danil на 07 Август 2014 - 16:22

ipodushkin (07 Август 2014 - 16:12) писал:

Хорошо. Тогда еще такая ситуация:

Как это можно исправить? Я понимаю, что можно написать текст и полоса опустится до нужной позиции, но есть ли еще вариант исправления? Или легче просто разместить текст? так как этот вид возникает только на этой странице.

Найдите в main.css код

#content {
width: 994px;
margin: 0 auto;
background-color: #fff;
}

И замените на

#content {
width: 994px;
margin: 0 auto;
background-color: #fff;
min-height:500px;
}

Свойство

min-height:500px;

можете изменить на свое значение.

#151632 Вместо Белого Фона Изображение

Отправлено Castiel на 07 Август 2014 - 12:19

ipodushkin (07 Август 2014 - 11:57) писал:

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

То есть: выделить всю центральную область белым цветом с возможностью менять ее цвет. Чтобы с белым фоном было описание, характеристики товара, фотографии, надпись похожие товары. И по возможности я бы хотел сохранить пробелы между показываемыми товарами (как в рубриках, так и в похожих и на главной странице).

Может для красоты разделить все блоки, но основное - это белый фон на котором все читается.

Спасибо.

К сожалению то что вы нарисовали на скриншоте реализовать нельзя.
Можно попробовать такой вариант

В файле "main.css".
Найти:

#content {
width: 960px;
margin: 0 auto;
}

Заменить:

#content {
width: 960px;
margin: 0 auto;
background-color: #fff;
}

background-color: #fff; цвет фона основной части сайта, можно изменить на свой.

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

#151644 Вместо Белого Фона Изображение

Отправлено Castiel на 07 Август 2014 - 13:58

ipodushkin (07 Август 2014 - 12:24) писал:

Да, примерно это я и хотел. Помогите решить проблему с выступами справа и слева:

В файле "main.css".
Найти:

#headerWrap {
height: 150px;
background: url("{ASSETS_IMAGES_PATH}header_bg.jpg") top center no-repeat;
}

Заменить:

#headerWrap {
height: 150px;
background: url("{ASSETS_IMAGES_PATH}header_bg.jpg") top center no-repeat;
width: 994px;
margin: 0 auto;
background-size: 100% 100%;
}

Найти:

#content {
width: 960px;
margin: 0 auto;
background-color: #fff;
}

Заменить:

#content {
width: 994px;
margin: 0 auto;
background-color: #fff;
}

#151539 Вместо Белого Фона Изображение

Отправлено AnnaM на 06 Август 2014 - 20:48

ipodushkin (06 Август 2014 - 20:42) писал:

Вот такая ситуация, помогите залить содержимое в рамке белым цветом:

В файле main.css найдите код

.goodsListItemBlock {
height: 300px;
margin: 5px;
overflow: hidden;
position: relative;
border: ridge;
}

и замените его на следующий

.goodsListItemBlock {
height: 300px;
margin: 5px;
overflow: hidden;
position: relative;
border: ridge;
background-color: white;
}

#151535 Вместо Белого Фона Изображение

Отправлено AnnaM на 06 Август 2014 - 20:13

ipodushkin (06 Август 2014 - 20:03) писал:

Странным образом не нашел здесь подобную тему. Нужно чтобы в фоне было изображение, которое бы повторялось (было замощено). Спасибо.

в файле main.css найдите код

body {
font-size: 81%;
line-height: 1.6666em;
font-family: "MyriadPro-Regular";
background-color: #FFF;
color: #666;
}

и замените в нем часть

background-color: #FFF;

на

background:url({ASSETS_IMAGES_PATH}bg.jpg)

так же загрузите себе желаемое изображение и назовите его bg.jpg
Для того,чтобы оно замостилось плиткой,изображение должно быть не очень большим.

#151045 Смещение Окна "характеристики" В Карточке Товара

Отправлено Dars на 04 Август 2014 - 13:40

ipodushkin (04 Август 2014 - 13:29) писал:

Часик в радость. Помогите сместить окно характеристик товара немного вправо, чтобы сделать его по центру белого поля справа от фотографий. Набросал в фотошопе желаемый результат:

Здравствуйте!
В main.css найдите строку:

.goodsDataMainOrder				 {border:1px solid #E5E5E5;

и замените её на:

.goodsDataMainOrder				 {border:1px solid #E5E5E5;margin-left: 40px;}

#150959 Как Сделать, Чтобы При Наведении На Товар Появлялась Рамка

Отправлено batta на 03 Август 2014 - 20:45

ipodushkin (03 Август 2014 - 19:27) писал:

Спасибо, но это немного не то. Мне нужно чтобы было как в шаблоне Мокко по умолчанию (не такая жирная и захватывала название и цену товара).

Найдите в style.css

.goodsListItemBlock {
height: 300px;
margin: 5px;
overflow: hidden;
position: relative;
}

Измените на

.goodsListItemBlock {
height: 300px;
margin: 5px;
overflow: hidden;
position: relative;
border: ridge;
}

#144122 Как Сделать Вот Такую Всплывающую Корзину?

Отправлено Vaccina на 21 Июнь 2014 - 00:05

В шаблоне HTML вместо:

<!-- Корзина -->
	 <div id="cartInfo">
	 <a href="{CART_URL}">в корзине товаров на</a>:
	 <span id="cartSum">
		 {% IF cart_count_empty %}
		 <span class="red">0</span> {CURRENCY_NAME}
		 {% ELSE %}
		 {% FOR cart_sum %}
			 <span>{cart_sum.NOW_WITH_DISCOUNT | money_format}</span><br />
		 {% ENDFOR %}
		 {% ENDIF %}
	 </span>
	 </div>
	 <!-- end Корзина -->

вставьте:

<div id="cart">
		 <div class="heading">
			 <h4>Корзина покупок</h4>
			 <a href="{CART_URL}" title="Перейти в корзину"><span class="cart_circle"></span><span id="cart-total">Покупок
			 {% IF cart_count_empty %}
			 <span class="red">0</span>
			 {% ELSE %}
				 {CART_COUNT_TOTAL}
			 {% ENDIF %}
				 - на сумму
			
			 {% IF cart_count_empty %}
				 <span>0</span> {CURRENCY_NAME}
			 {% ELSE %}
				 {% FOR cart_sum %}
				 {cart_sum.NOW | money_format}<br />
				 {% ENDFOR %}
			 {% ENDIF %}</span>
			 </a>
		 </div>
		 <div class="content">
			 <div class="empty">Ваша корзина покупок пуста!</div>
		 </div>
		 <div class="clear"></div>
		 </div>
		 <!-- end Корзина -->

в конец main.css добавьте:

#header #cart {z-index: 20;min-width: 300px;top:3px;right:20px;}
#header #cart .cart_circle {display:block;width:36px;height:36px;background:url('{ASSETS_IMAGES_PATH}cart_circle.png') 50% 50% no-repeat;background-color:#ff0551;-webkit-border-radius: 50%;-moz-border-radius: 50%;-khtml-border-radius: 50%;-ms-border-radius: 50%;border-radius: 50%;position:absolute;top:3px;right:0;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;cursor:pointer;}
#header #cart .heading:hover .cart_circle {transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
#header #cart .heading {float: right;margin-top: 15px;padding-left: 14px;padding-right: 46px;position: relative;z-index: 1;}
#header #cart .heading h4 {color: #333333;font-size: 15px;font-weight: bold;margin-top: 0px;margin-bottom: 3px;text-align:right;}
#header #cart .heading a {text-decoration: none;}
#header #cart .content {clear: both;display: none;position: relative;top: -1px;padding: 8px;min-height: 150px;background: #FFF;border-bottom:5px solid #ff0551;box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;-khtml-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;}
#header #cart.active .heading {padding-bottom: 6px;}
#header #cart.active .content {display: block;}
#header #cart .empty {padding-top: 50px;text-align: center;}

и в редактор шаблонов загрузите иконку значка корзины с названием cart_circle.png

cart_circle.zip 1,11К 56 Количество загрузок:

#139592 Шрифт

Отправлено Сake на 21 Май 2014 - 16:52

Вам необходимо в файле стилей main.css заменить или удалить все упоминания о других шрифтах. Шрифт может присутствовать в полной записи вида

font-family:

или же в краткой записи

font:

Например - найдем

h3, h3 a {
  font-family: MyriadPro-Regular;
  font: 1.5em/1.1111em Georgia, Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", serif;
 
  font-weight: normal;
  color: #409c1d;
  margin: 1.1111em 0 0.5555em 0;
}

В данном случае добавленная вами запись

font-family: MyriadPro-Regular;

не имеет смысла, так как она ниже переопределяется

font: 1.5em/1.1111em Georgia, Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", serif;

замените класс на

h3, h3 a {
  font-family: MyriadPro-Regular;
  font-size: 1.5em;
  line-height: 1.1111em;
  font-weight: normal;
  color: #409c1d;
  margin: 1.1111em 0 0.5555em 0;
}

или на

h3, h3 a {
  font: 1.5em/1.1111em MyriadPro-Regular;
  color: #409c1d;
  margin: 1.1111em 0 0.5555em 0;
}

#137955 Добавлены Фильтры По Ценам Товаров

Отправлено Dars на 12 Май 2014 - 14:10

ipodushkin (12 Май 2014 - 13:54) писал:

Здравствуйте! В день нововведения установил этот фильтр, но сейчас понял что он мне не нужен. Пробовал заменять код на старый (который был приведен в вашем сообщении), но фильтр удалялся как-то криво. Помогите его убрать вообще. Шаблон Мокко. Спасибо.

В шаблоне HTML удалите этот код:

<!-- Если есть возможность фильтрации товаров по ценам -->
{% IF SHOW_GOODS_PRICE_FILTERS %}
		 <br /><h4 class="contentTbodyCatalogHeader noBorder">Цена</h4>
		 <div class="contentTbodySearchPriceFilterBlock cornerAll">
	   
		 <div class="goodsFilterPriceRangePointers"><div class="min">{GOODS_FILTER_MIN_AVAILABLE_PRICE}</div><div class="max">{GOODS_FILTER_MAX_AVAILABLE_PRICE}</div></div>
		 <div id="goods-filter-price-slider"></div>
	   
		 <div class="goodsFilterPriceInfo">
				 от <input id="goods-filter-min-price" type="text" name="form[filter][price][min]" value="{% IF GOODS_FILTER_MIN_PRICE %}{GOODS_FILTER_MIN_PRICE}{% ELSE %}{GOODS_FILTER_MIN_AVAILABLE_PRICE}{% ENDIF %}" autocomplete="off" />
				 до <input id="goods-filter-max-price" type="text" name="form[filter][price][max]" value="{% IF GOODS_FILTER_MAX_PRICE %}{GOODS_FILTER_MAX_PRICE}{% ELSE %}{GOODS_FILTER_MAX_AVAILABLE_PRICE}{% ENDIF %}" autocomplete="off" />
		 </div>
		 <script type="text/javascript">
				 $(function() {
				 var
						 // Минимальное значение цены для фильтра
						 priceFilterMinAvailable = parseInt($('.goodsFilterPriceRangePointers .min').text())
						 // Максимальное значение цены для фильтра
						 ,priceFilterMaxAvailable = parseInt($('.goodsFilterPriceRangePointers .max').text())
						 // Максимальное значение цены для фильтра
						 ,priceSliderBlock = $('#goods-filter-price-slider')
						 // Поле ввода текущего значения цены "От"
						 ,priceInputMin = $( "#goods-filter-min-price" )
						 // Поле ввода текущего значения цены "До"
						 ,priceInputMax = $( "#goods-filter-max-price" )
						 // Блок с кнопкой, которую есть смысл нажимать только тогда, когда изменялся диапазон цен.
						 ,priceSubmitButtonBlock = $( ".goodsFilterPriceSubmit" )
				 ;
			   
				 // Слайдер, который используется для удобства выбора цены
				 priceSliderBlock.slider({
						 range: true,
						 min: priceFilterMinAvailable,
						 max: priceFilterMaxAvailable,
						 values: [
						 parseInt($('#goods-filter-min-price').val())
						 ,parseInt($('#goods-filter-max-price').val())
						 ],
						 slide: function( event, ui ) {
						 priceInputMin.val( ui.values[ 0 ] );
						 priceInputMax.val( ui.values[ 1 ] );
						 priceSubmitButtonBlock.show();
						 }
				 });
			   
				 // При изменении минимального значения цены
				 priceInputMin.keyup(function(){
						 var newVal = parseInt($(this).val());
						 if(newVal < priceFilterMinAvailable) {
						 newVal = priceFilterMinAvailable;
						 }
						 priceSliderBlock.slider("values", 0, newVal);
						 priceSubmitButtonBlock.show();
				 });
			   
				 // При изменении максимального значения цены
				 priceInputMax.keyup(function(){
						 var newVal = parseInt($(this).val());
						 if(newVal > priceFilterMaxAvailable) {
						 newVal = priceFilterMaxAvailable;
						 }
						 priceSliderBlock.slider("values", 1, newVal);
						 priceSubmitButtonBlock.show();
				 });
			   
				 });
		 </script>
	   
		 <div class="goodsFilterPriceSubmit">
				 <input type="submit" value="Показать" />
		 </div>
		 </div>
{% ENDIF %}
<!-- END Если есть возможность фильтрации товаров по ценам -->

#137933 Как Сделать Фиксированный Размер Рамки Фото В Описании Товара?

Отправлено Dars на 12 Май 2014 - 13:21

ipodushkin (12 Май 2014 - 11:16) писал:

Спасибо!
А как сделать таким же все остальное? (изменилась только кнопка добавить в корзину).

В main.css найдите и удалите строку:

.cornerAll				  {-moz-border-radius:5px;-webkit-border-radius:5px;}

#137743 Кнопки Социальных Сетей На Сайт

Отправлено daria_dnk на 11 Май 2014 - 10:52

ipodushkin (11 Май 2014 - 10:42) писал:

с кодом разобрался сам, поставил его в html

<div class="but">
	 <a class= href="#"><a href="https://instagram.com" target=" _blank"><img src="{ASSETS_IMAGES_PATH}instagram.png" width="35" height="35"></a>
<a class= href="#"><a href="https://www.facebook.com" target=" _blank"><img src="{ASSETS_IMAGES_PATH}facebook.png" width="35" height="35"></a>
<a class= href="#"><a href="https://twitter.com" target=" _blank"><img src="{ASSETS_IMAGES_PATH}twitter.png" width="35" height="35"></a>

</div>

Не получается выровнять кнопки по левому краю основного меню. Помогите!)

Здравствуйте!
Добавьте в шаблон main.css строку

.but
{
margin-left:10px;
}

изменяя значение параметра margin-left: сможете выровнять расположение блока как Вам нужно.

#136317 Смещение Шапки В Шаблоне Мокко

Отправлено MikDark на 30 Апрель 2014 - 15:00

ipodushkin (30 Апрель 2014 - 14:37) писал:

К сожалению, изменение размера шапки не помогает решить проблему. Изменение кода в main.css делает красивым стык, но делает некрасивым меню (разделительные полоски из меню наезжают на баннер).

Дело в том, что не шапка не доходит до края, а слайдер за нее выходит. Чтобы его чуть уменьшить, добавляем в main.css

#slider {
width: 780px;
}

#136308 Смещение Шапки В Шаблоне Мокко

Отправлено Ирина345 на 30 Апрель 2014 - 13:42

ipodushkin (30 Апрель 2014 - 08:17) писал:

Здравствуйте!
Шапка не до конца примыкает к правой границе сайта. Об этом говорит образовавшийся выступ у границ со слайдером. Как это можно исправить?

p.s. именно что-то в коде сайта, так как я пробовал загрузить удлиненное изображение шапки - выступ на том же месте не исчезает. Спасибо

Здравствуйте, Вы можете либо увеличить размеры картинки(в ширину 966рх),
либо найти в main.css код и

#leftMenuBlock {
width: 160px;
margin: 0 20px 0 0;
}

заменить на

#leftMenuBlock {
width: 160px;
margin: 0 12px 0 0;
}

#136247 Цвет Цены

Отправлено Vaccina на 30 Апрель 2014 - 03:34

В main.css добавьте:

.goodsListItemBlock a span span{
color:#000000;
}

измените только значение цвета на свое

Вперед

vanyushka

Статистика

Контактная информация

Инструменты

#151665 Вместо Белого Фона Изображение

#151632 Вместо Белого Фона Изображение

#151644 Вместо Белого Фона Изображение

#151539 Вместо Белого Фона Изображение

#151535 Вместо Белого Фона Изображение

#151045 Смещение Окна "характеристики" В Карточке Товара

#150959 Как Сделать, Чтобы При Наведении На Товар Появлялась Рамка

#144122 Как Сделать Вот Такую Всплывающую Корзину?

#139592 Шрифт

#137955 Добавлены Фильтры По Ценам Товаров

#137933 Как Сделать Фиксированный Размер Рамки Фото В Описании Товара?

#137743 Кнопки Социальных Сетей На Сайт

#136317 Смещение Шапки В Шаблоне Мокко

#136308 Смещение Шапки В Шаблоне Мокко

#136247 Цвет Цены

Google поиск

vanyushka

Статистика

Контактная информация

Инструменты

Войти

Google поиск