Question

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

1) а можно ли сделать примерно так, совместить категории?  <?if$CID$ = 62,64?><style>#cart {background:#D215CB!important;}</style><?endif?>

2) можно ли просто код отдельно закинуть в файловый менеджер и подключить на нужной странице?

 

<?if$CID$ = 62?><style>#cart {background:#D215CB!important;}</style><?endif?>
 <?if$CID$ = 62?><style>.product-block .add-to-cart input[type="button"]:hover, #order-table input[type="button"]:hover, #order-but-recalc:hover {background:#FF42F8 !important;}</style><?endif?>
<?if$CID$ = 62?><style>#cart:hover {background:#524DFF !important;}</style><?endif?>
<?if$CID$ = 62?><style>.search button:active, .search button:hover {background:black !important;}</style><?endif?>
<?if$CID$ = 62?><style>.search button {background:#D215CB!important;}</style><?endif?>
<?if$CID$ = 62?><style>.box.category .box-heading h3 {background:#D215CB!important;}</style><?endif?>
<?if$CID$ = 62?><style>.box.category .box-heading:hover h3 {background:#524DFF !important;}</style><?endif?>
<?if$CID$ = 62?><style>#uNMenuDiv2 > ul li > a {background:#D215CB!important;}</style><?endif?>
<?if$CID$ = 62?><style>#uNMenuDiv4 > ul li > a {background:#D215CB!important;}</style><?endif?>
<?if$CID$ = 62?><style>.cart-content .subtotal {background:#D215CB!important;}</style><?endif?>
<?if$CID$ = 62?><style>.img-responsive {display:none !important;}</style><?endif?>
<?if$CID$ = 62?><style>.basketclear, .basketorder{background:#D215CB!important;}</style><?endif?>
<?if$CID$ = 62?><style>.basketclear:active,.basketclear:hover, .basketorder:active.basketorder:hover{background:#D215CB!important;}</style><?endif?>
<?if$CID$ = 62?><style>.basketclear, .basketorder{color:white !important;}</style><?endif?>
<?if$CID$ = 62?><style>#top-links.nav {margin-top: 10px !important;}</style><?endif?>
<?if$CID$ = 62?><style>.header .phone {display:none !important;;}</style><?endif?>
<?if$CID$ = 62?><style>.product-thumb .image a img {display:block !important;}</style><?endif?>
<?if$CID$ = 62?><style>.header .search {margin-bottom: 50px !important;}</style><?endif?>
<?if$CID$ = 62?><style>ul.display.selected {color:#D215CB!important;}</style><?endif?>
 <?if$CID$ = 62?><style> ul.display #grid:hover {color:#D215CB!important;}</style><?endif?> 
 <?if$CID$ = 62?><style> ul.display #list:hover {color:#D215CB!important;}</style><?endif?> 
<?if$CID$ = 62?><style> .irs-grid-pol{background:#D215CB !important;}</style><?endif?>
 <?if$CID$ = 62?><style> .flist-item.background-color{background:#FFFFFF !important;}</style><?endif?>
 <?if$CID$ = 62?><style> footer .footer_box ul {color:#D215CB!important;}</style><?endif?> 
 <?if$CID$ = 62?><style> .product-thumb .price {color:#D215CB!important;}</style><?endif?> 
 <?if$CID$ = 62?><style> .product-thumb .btn.btn-add i{background:#D215CB !important;}</style><?endif?>
 <?if$CID$ = 62?><style> .product-thumb .btn:hover i, .product-thumb .btn.btn-add:hover i{background:#2f2f2f !important;}</style><?endif?> <?if$CID$ = 60?><style> .product-thumb .btn:hover i, .product-thumb .btn.btn-add:hover i{background:#2f2f2f !important;}</style><?endif?>
 <?if$CID$ = 62?><style> .product-thumb .btn i{background:#D215CB !important;}</style><?endif?>
 <?if$CID$ = 62?><style> ul.display .selected {color:#D215CB!important;}</style><?endif?> 
 <?if$CID$ = 62?><style> a:hover {color:#D215CB!important;}</style><?endif?> 
 <?if$CID$ = 62?><style> #uNMenuDiv2 > ul li > a {color:#FFFFFF!important;}</style><?endif?> 
 <?if$CID$ = 62?><style> .header-cart .fa.fa-shopping-cart: > ul li > a {color:#FFFFFF!important;}</style><?endif?>
 <?if$CID$ = 62?><style>.basketclear:hover, .basketorder:hover{color:white !important;}</style><?endif?>
 <?if$CID$ = 62?><style> .nav i:hover {color:#D215CB!important;}</style><?endif?> 
 <?if$CID$ = 62?><style> .product-block .wish{background:#D215CB !important;}</style><?endif?>
 <?if$CID$ = 62?><style>.product-block .add-to-cart input[type="button"], #order-table input[type="button"], #order-but-recalc{background:#D215CB !important;}</style><?endif?>
 <?if$CID$ = 62?><style> .add-to-cart > span{background:#D215CB !important;}</style><?endif?>
 <?if$CID$ = 62?><style> .product-block .basket.now:hover {background:#D215CB !important;}</style><?endif?>
 <?if$CID$ = 62?><style> .related-products .owl-nav .owl-next:hover, .related-products .owl-nav .owl-prev:hover {color:#D215CB!important;}</style><?endif?> 
<?if$CID$ = 62?><style> .header-cart .fa.fa-shopping-cart{color:#FFFFFF !important;}</style><?endif?>
 <?if$CID$ = 62?><style> .options-sh a:hover, .options-sh .picked{color:#FFFFFF !important;}</style><?endif?>
 <?if$CID$ = 62?><style> .options-sh a:hover, .options-sh .picked{border-color:#D215CB !important;}</style><?endif?>
 <?if$CID$ = 62?><style> .options-sh a:hover, .options-sh .picked{background:#D215CB !important;}</style><?endif?>
 <?if$CID$ = 62?><style> .options-sh li a, .options-sh .limited a{border: 1px solid #D215CB !important;}</style><?endif?>

Answer 1

Зачем столько условий, если к конкретной категории стили можно применять в таблице стилей примерно вот так:

#cid1 {ваши стили для категории} /*#cid1 - 1 это айди категории, так вы можете задать стили для любой просто меняя айди*/

к данной категории привязать стили конкретных классов, но если у вас стили постоянно к новым элементов, никаких лимитов никогда не хватит. Придумайте что-то одно универсально для всех категорий и одни общие стили, а если и делать разные цвета, пробуйте совмещать стили в одном условии вместо создания 10.

Comments

"совмещать стили в одном условии вместо создания 10."  грубо говоря все стили написать в одну строку?

<?if$CID$ = 62?><style>#cart {background:#D215CB!important;}   и остальные стили </style><?endif?>

просто без дублирования <?if$CID$ = 62?><style> .......</style><?endif?>

Вы это имели ввиду?
 

---

Алексей Бахвалов,

> совмещать стили в одном условии вместо создания 10." грубо говоря все стили написать в одну строку?

>> Можно и так, но лучше как я говорил сделать что-то одно общее, как известно минимализм в дизайне сейчас очень важен, не нужно все красить в разные цвета.

---

А просто отдельным файлом все эти стили нельзя подключить?

---

Алексей Бахвалов,

В шаблоне сайта пропишите класс у контейнера, который нужно раскрасить, например так:

<div class="back-$CID$">
...
</div>

В исходном коде на сайте это будет выглядеть так:

<div class="back-62">

</div>

Соответственно, нужно создать файл .css с этими стилями и подключить его в шаблон. Файл ограничений не имеет (ну кроме максимального размера загрузки по FTP, но там десятки мегабайт, что должно хватить)