Jump to content

Recommended Posts

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

55.jpg

Share this post


Link to post
Share on other sites

А ссылочку на сайт можно?

Share this post


Link to post
Share on other sites
26 минут назад, Kiyoshi сказал:

А ссылочку на сайт можно?

да конечно, www.best-toys.kz 

Share this post


Link to post
Share on other sites
21 минуту назад, AndreyB сказал:

да конечно, www.best-toys.kz 

http://www.best-toys.kz/catalog/view/theme/default/stylesheet/stylesheet.css 

 

522 строка - убираем пустое место
------------------------
.product-thumb .caption {

padding: 0 20px;

min-height: 150px;  ------------правим эту строку, вместо 150 пишем 125

}
--------------------------
595 строка - меняем цвет, и расположение цены
------------------------
.product-thumb .price {

color: #444; -------меняем эту строку

 text-align: center; ---------эту строку дописываем(цена будет по центру), если нужно справа вместо center пишем right

}
------------------------
1 строка - размер цены
body {

font-family: 'Open Sans', sans-serif;

font-weight: 400;

color: #666;

font-size: 12px;        ---------меняем эту величину (но при это будет меняться размер краткого описания и надписи "в корзину")

line-height: 20px;

width: 100%;

}
 
Edited by WOrmy
  • +1 1

Share this post


Link to post
Share on other sites
44 минуты назад, WOrmy сказал:

http://www.best-toys.kz/catalog/view/theme/default/stylesheet/stylesheet.css 

 

522 строка - убираем пустое место
------------------------
.product-thumb .caption {

padding: 0 20px;

min-height: 150px;  ------------правим эту строку, вместо 150 пишем 125

}
--------------------------
595 строка - меняем цвет, и расположение цены
------------------------
.product-thumb .price {

color: #444; -------меняем эту строку

 text-align: center; ---------эту строку дописываем(цена будет по центру), если нужно справа вместо center пишем right

}
------------------------
1 строка - размер цены
body {

font-family: 'Open Sans', sans-serif;

font-weight: 400;

color: #666;

font-size: 12px;        ---------меняем эту величину (но при это будет меняться размер краткого описания и надписи "в корзину")

line-height: 20px;

width: 100%;

}
 

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

Share this post


Link to post
Share on other sites
50 минут назад, WOrmy сказал:

http://www.best-toys.kz/catalog/view/theme/default/stylesheet/stylesheet.css 

 

522 строка - убираем пустое место
------------------------
.product-thumb .caption {

padding: 0 20px;

min-height: 150px;  ------------правим эту строку, вместо 150 пишем 125

}
--------------------------
595 строка - меняем цвет, и расположение цены
------------------------
.product-thumb .price {

color: #444; -------меняем эту строку

 text-align: center; ---------эту строку дописываем(цена будет по центру), если нужно справа вместо center пишем right

}
------------------------
1 строка - размер цены
body {

font-family: 'Open Sans', sans-serif;

font-weight: 400;

color: #666;

font-size: 12px;        ---------меняем эту величину (но при это будет меняться размер краткого описания и надписи "в корзину")

line-height: 20px;

width: 100%;

}
 

В мобильной версии изменилось , а на пк все так же .

Share this post


Link to post
Share on other sites
15 минут назад, AndreyB сказал:

В мобильной версии изменилось , а на пк все так же .

почистите кеш / куки браузера)))) я изменения вижу (на ПК).

Edited by WOrmy
  • +1 1

Share this post


Link to post
Share on other sites
14 минут назад, WOrmy сказал:

почистите кеш / куки браузера)))) я изменения вижу (на ПК).

Спасибо огромное + вам, можете подсказать еще в какой строке меняется цвет цены, которая отображается в самой карточке товара , на подробной странице товара, где отзывы и характеристики ? 

Share this post


Link to post
Share on other sites
21 минуту назад, AndreyB сказал:

Спасибо огромное + вам, можете подсказать еще в какой строке меняется цвет цены, которая отображается в самой карточке товара , на подробной странице товара, где отзывы и характеристики ? 

тут надо лезть в файл product.tpl (точнее не скажу =) надо ковырять файл) Совет дам по шрифту цены в категориях, 31 много, поменяйте на 27.

 

можно поменять цвет цены в карточке, но поменяется и название товара

 

9 строка

 

h1, h2, h3, h4, h5, h6 {

color: #444;   --------меняем

}
Edited by WOrmy

Share this post


Link to post
Share on other sites
1 час назад, WOrmy сказал:

тут надо лезть в файл product.tpl (точнее не скажу =) надо ковырять файл) Совет дам по шрифту цены в категориях, 31 много, поменяйте на 27.

 

можно поменять цвет цены в карточке, но поменяется и название товара

 

9 строка

 

h1, h2, h3, h4, h5, h6 {

color: #444;   --------меняем

}

Спасибо Wormy , очень помог) 

Share this post


Link to post
Share on other sites

Здравствуйте! Подскажите пожалуйста, как выделить внешнюю картоку товаров и подкатегории рамкой, как на фото выше у  AndreyB

Скриншот 19-03-2020 092013.png

Скриншот 19-03-2020 092251.png

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.