Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

wipper

Користувачі
  
 Профіль  Активність

  • Публікації

    116

  • З нами

  • Відвідування

 Тип публікації 

Повідомлення, опубліковані користувачем wipper

    Изменение вида кнопки купить

    в Шаблони, дизайн та оформлення магазину

    Опубліковано:

    Также есть небольшая проблема в самом коде шаблона. Если товар есть в наличии, напротив наличия стоит зеленая "галочка", а если нет в наличии должна стоять серая, но она почему то не проставляется, где-то не дописан код или не пойму в чем проблема. 

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

    #content .stock {
background: url("/image/stock.gif") no-repeat scroll left center transparent;
margin-left: 21px;
margin-top: 7px;
padding-left: 28px;
text-align: left;

    Изменение вида кнопки купить

    в Шаблони, дизайн та оформлення магазину

    Опубліковано:

    Ну вот смотрим кнопка купить, удалил корзину так как вы хотите текст по центру

    #content .box-product .cart input.button {
color: #FFFFFF;
margin-top: 8px;
background: #FF4500;
font-weight: bold;
-moz-border-radius: 3px 3px 3px 3px;
-khtml-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
-webkit-box-shadow: 0px 2px 2px #DDDDDD;
-moz-box-shadow: 0px 2px 2px #DDDDDD;
box-shadow: 0px 2px 2px #DDDDDD;
} 

    Вышло так

     

    post-683955-0-41269000-1413980945_thumb.jpg

     

    При наведении 

    #content .box-product .cart input.button:hover {
background: #FF4500;
font-weight: bold;
}

    Вышло так

    post-683955-0-23680000-1413980959_thumb.jpg

    Изменение вида кнопки купить

    в Шаблони, дизайн та оформлення магазину

    Опубліковано:

    Не получается(( Надпись Купить не получается сделать по центру, цвет текста не изменяется на белый. И хотелось чтобы рамка (цветная) была скругленная, как в карточке товара. Что можно сделать? 

    Также есть небольшая проблема в самом коде шаблона. Если товар есть в наличии, напротив наличия стоит зеленая "галочка", а если нет в наличии должна стоять серая, но она почему то не проставляется, где-то не дописан код или не пойму в чем проблема. 

    Что это у меня получается а у вас нет? )))

    Странно

    Изменение вида кнопки купить

    в Шаблони, дизайн та оформлення магазину

    Опубліковано:

    Адрес магазина - http://shopping-ck.com.ua

    #content .box-product .cart input.button {
background: url('/image/add_to_cart.gif') left center no-repeat;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-khtml-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: 0 0px 0px #9C9C9C;
-moz-box-shadow: 0 0px 0px #9C9C9C;
box-shadow: 0 0px 0px #9C9C9C;
color: #005800;
font-weight: normal;
margin-top: 8px;
padding-left: 31px;
}

    background: url('/image/add_to_cart.gif') left center no-repeat; вот картинка, её нужно удалить

     

    Ниже цвет кнопки background: #FF4500;

    a.button, input.button {
cursor: pointer;
color: #FFFFFF;
line-height: 12px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
background: #FF4500;
-moz-border-radius: 3px 3px 3px 3px;
-khtml-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
-webkit-box-shadow: 0px 2px 2px #DDDDDD;
-moz-box-shadow: 0px 2px 2px #DDDDDD;
box-shadow: 0px 2px 2px #DDDDDD;
}

    Или сделайте так в #content .box-product .cart input.button {

    background: #32353A url('/image/add_to_cart.gif') 4px 1px no-repeat;

    И иконку нужно заменить на прозрачную

    [РЕШЕНО] Проблемы с @font-face, слетают все настройки стиля

    в Шаблони, дизайн та оформлення магазину

    Опубліковано:

    Супер!теперь у меня появилась надежда :-D

    У меня несколько уточнений:

     

     

    <link rel="stylesheet" type="text/css" href="catalog/view/theme/ВаШ_Шаблон/font/font.css">
    эту строку помимо хэдера я ведь должна вставить еще куда-то, поскольку в центральной части сайта тоже нестандартные шрифты? 

    только я не понимаю куда?

     

    Вставляем только в хэдэр, один раз

     

    и по поводу font.css

    если у меня несколько нестандарт. шрифтов, я их все в этот один файл должна прописать, или как?

     

     

    в font.css прописываем

    @font-face {
  font-family: "PT Serif";
  src: url("../fonts/ptserif-bolditalic.eot");
  src: local('☺'), 
  url("../fonts/ptserif-bolditalic.eot?#iefix") format("embedded-opentype"), 
  url("../fonts/ptserif-bolditalic.woff") format("woff"), 
  url("../fonts/ptserif-bolditalic.ttf") format("truetype"), 
  url("../fonts/ptserif-bolditalic.svg#PT Serif") format("svg");

  font-weight: bold;
  font-style: italic;
} 

    код для каждого шрифта отдельно

     

    И еще читал

    Internet Explorer поддерживает только формат EOT
Браузеры Mozilla (Firefox, Seamonkey) поддерживает OTF и TTF форматы
Safari и Опера поддерживают OTF, TTF и SVG
Chrome поддерживает TTF и SVG.

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

     

    Обращайтесь если что, можете в друзья добавиться )))

    [РЕШЕНО] Проблемы с @font-face, слетают все настройки стиля

    в Шаблони, дизайн та оформлення магазину

    Опубліковано:

    :-D Даже интересно, пробовал на своем демо сайте подключить какойнибудь шрифт из не стандартных, вот как делал

    Подключил файл стилей шрифта  и закачал в папку шрифт /catalog/view/theme/ВаШ_Шаблон/font/googli.woff2

    <link rel="stylesheet" type="text/css" href="catalog/view/theme/ВаШ_Шаблон/font/font.css">

    Затем Создал сам font.css? где добавил

    /* cyrillic */
@font-face {
  font-family: 'Poiret One';
  font-style: normal;
  font-weight: 400;
  src: local('Poiret One'), local('PoiretOne-Regular'), url(/catalog/view/theme/ВаШ_Шаблон/font/googli.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

    Затем в stylesheet.css изменял font-family:

    h1,  .welcome #title{
	color: #000;
	  ---> font-family: Arial, Helvetica, sans-serif;
        font-family: 'Poiret One';
	margin-top: 0px;
	margin-bottom: 20px;
	font-size: 30px;
}

    Ну вот и все, теперь h1 оттображается нестандартным шрифтом, проверял во всех современных брайзерах на компе - работает, проверял на смартфоне в опере и гугле работает, а вот мозила никак не хочет отображать этот шрифт (вот кстати и сам шрифт http://fonts.gstatic.com/s/poiretone/v4/cKr_e199f0xMkxMkRbEJXyEAvth_LlrfE80CYdSH47w.woff2 только я его в googli переименовал), наверное мозила не понимает эти шрифты и заменяет на Ariel

     

    Вот и всё!  :eek:КАРТИНКА ТУТ ===> post-683955-0-58861600-1413497433_thumb.png

    Да и это наверное проблема самого шрифта он только кирилический, латиница отображалась Arial

    [РЕШЕНО] Проблемы с @font-face, слетают все настройки стиля

    в Шаблони, дизайн та оформлення магазину

    Опубліковано:

    Ну вот смотрите у вас в CSS стилях прописано font: 14px Dotum;

    #menu a {
font-size: 13px;
color: #FFF;
text-decoration: none;
display: inline-block;
padding: 12px 10px;
margin: 0 5px 0 3px;
font: 14px Dotum;
letter-spacing: 1px;
text-transform: uppercase;
}

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

    #menu a {
font-size: 13px;
color: #FFF;
text-decoration: none;
display: inline-block;
padding: 12px 10px;
margin: 0 5px 0 3px;
/* font: 14px Dotum; */
font-family: 'Lobster', cursive;
letter-spacing: 1px;
text-transform: uppercase;
}

    [РЕШЕНО] Проблемы с @font-face, слетают все настройки стиля

    в Шаблони, дизайн та оформлення магазину

    Опубліковано:

    это скрин с моего айфона

    ндааа, я так понимаю у вас даже на компе не отображаются шрифты((  поэтому вы и не видите разницы

    у меня это выглядит вот так (сорри за качество, разница вроде видна)

    У меня все на компе отображается, и на телефоне шрифт без засечек, не так как на вашем айфоне (скрин прилагаю). Везде практически одно и тоже, только на телефоне в мозиле есть небольшое отличие (посмотрите скрин)

    post-683955-0-46871600-1413488841_thumb.jpg

     

    Даже интересно, буду наблюдать за темой, если в голову что придет дельное отпишусь )))

    [РЕШЕНО] Проблемы с @font-face, слетают все настройки стиля

    в Шаблони, дизайн та оформлення магазину

    Опубліковано:

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

    Спасибо за предложенное решение, буду пробовать!

    ЧЁТО я ничего уже не понимаю, захожу на ваш сайт с мобильно всё работает, или вы хотите чтобы те шрифты отображались только при заходе с мобильного телефона, а если  заходить на сайт с компа, то шрифты обычные?

    [РЕШЕНО] Проблемы с @font-face, слетают все настройки стиля

    в Шаблони, дизайн та оформлення магазину

    Опубліковано:

    я убрала @font-face и вернула как было, пока не разобралась как сделать

     Плохо, что вы убрали!!! 

     

    С кодом вроде бы все правильно, возможные варианты по моему мнению:

    1. Пропишите абсолютные пути к вашим шрифтам
    2. Попробуйте вставить не в css,  а непосредственно в Хедер <slyle> Ваш код </style> (посмотрите что получится)
    3. Возможно браузер просто игнорирует этот код

    Я так понял Вам нужен нестандартный шрифт к мобильному телефону в шапке сайта, можно пойти по другому пути:

    В хедер вставляем 

    <link href='http://fonts.googleapis.com/css?family=Lobster&subset=latin,cyrillic' rel='stylesheet' type='text/css'>

    В CSS вставляем:

    #big_mobile {
font-family: 'Lobster', cursive;
font-size: 30px;
}

    И по моему ни какой головной боли...

     

    Потом можно гугл шрифт заменить на другой ваш

    Вот что получилось

    post-683955-0-43681100-1413464642_thumb.jpg

     

    Вот код подключения этого шрифта из гугл CSS

    /* cyrillic */
@font-face {
  font-family: 'Lobster';
  font-style: normal;
  font-weight: 400;
  src: local('Lobster'), url(http://fonts.gstatic.com/s/lobster/v10/c28rH3kclCLEuIsGhOg7evY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

    Ссылка на гугл шрифты http://www.google.com/fonts/#

     

    Вот шрифт http://fonts.gstatic.com/s/lobster/v10/c28rH3kclCLEuIsGhOg7evY6323mHUZFJMgTvxaG2iE.woff2

    [РЕШЕНО] При выводе товаров списком, изменить размер строки в товарах

    в Шаблони, дизайн та оформлення магазину

    Опубліковано:

     это не выход , нужно см рисунок.fe12fd4c0f2d.jpg

     

    Нужно немного переверстать этот блок

    Вот попробуйте сделать так , удалите height: 130px

    .product-list .price {
float: right;
/* height: 130px; */
margin-left: 8px;
text-align: center;
color: #333333;
font-size: 12px;
border-left: 1px solid #EEEEEE;
}

    Затем дабавьте width: 550px;

    .product-list .description {
line-height: 15px;
margin-bottom: 5px;
color: #4D4D4D;
width: 550px;
}

    post-683955-0-76461300-1413304921_thumb.jpg ну  и подправить остальное

     

    А и тут удалить height: 130px;

    .product-list .right {
height: 130px;
float: right;
padding-left: 18px;
border-left: 1px solid #EEEEEE;
}

    [РЕШЕНО] Редактирование текста на главной странице шаблона

    в Шаблони, дизайн та оформлення магазину

    Опубліковано:

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

     

    Да и повышайте самооценку, плох тот солдат который не видит себя генералом  :eek: 

    [РЕШЕНО] Проблемы с категориями в меню (superfish)

    в Шаблони, дизайн та оформлення магазину

    Опубліковано:

    post-683955-0-77992400-1413230288_thumb.png

    Описание, - это я имел ввиду про очень светлый шрифт, который сливается с фоном страницы - очень плохо усваивается информация

     

    Был только что на сайте - видел добавили 2 категории в меню, может лучше форму поиска перенести в другое место, если больше категорий не будет, помоему это лучший вариант  :wink:

    О манетке... Манетку за такую работу мне не надо, лучше добавляйтесь в друзья, может когда нибудь и мне чем поможете )))

    [РЕШЕНО] Проблемы с категориями в меню (superfish)

    в Шаблони, дизайн та оформлення магазину

    Опубліковано:

    Сайт есть, http://mebel-estet.com/

     
     
     
    да и о цвете шрифта - с первого взгляда даже думал что в описании ничего нет, но повертев экран ноута заметил что все-таки что-то написано... Шрифт бы потемнее, а то не читабельно совсем
    .product-list .description {
overflow: hidden;
margin-bottom: 5px;
color: #242222;
}

    [РЕШЕНО] Проблемы с категориями в меню (superfish)

    в Шаблони, дизайн та оформлення магазину

    Опубліковано:

    В /catalog/view/theme/theme136/stylesheet/superfish.css удалите или за комментируйте z-index (Строка 39)

     



    
#menu > ul > li {
    
float: left;
    
/* z-index: 22; */
    
padding: 0px 0px 0px 2px;
    
position: relative;
    
background: url(../image/separator.png) left 9px no-repeat;
    
}


     

    post-683955-0-83297800-1413209875_thumb.jpg

Покупцям

Розробникам

Корисна інформація

Останні розширення

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.

  Я даю згоду