Как изменить блоки модуля Simple

[Ustim]

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

 

[GetWeb]

Чтобы показать вес, нужно или в самой симпле или в настройках магазина выставить "Показывать вес корзины" точно не помню где. А блоки и иконки это чисто стили и шаблоны к примеру /template/checkout/simplecheckout_shipping.tpl тут блок доставки

 

Опыт есть, вот это делал на симпле https://gyazo.com/d86bb7051c9daae228adc472786260b7

Змінено 15 травня 2019 користувачем GetWeb

[DarkEinstein]

8 часов назад, nikifalex сказал:

на картинке дизайн в стиле "оргазм робокопа"

В каком плане? Красиво в блоках.

[DarkEinstein]

18 часов назад, Ustim сказал:

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

 

 

/catalog/view/theme/default/stylesheet/simple.css

находим:

.simplecheckout-block {
    clear: both;
    margin-bottom: 20px;

}

 

Меняем:

.simplecheckout-block {
    clear: both;
    margin-bottom: 20px;
    border-collapse: collapse;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
}

 

Находим:

.simplecheckout-block-content {

 padding: 10px;

}

 

Меняем:

.simplecheckout-block-content {
    padding: 10px;
    border-collapse: collapse;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
}

 

Почти внизу находим:

.simple-content .checkout-heading {
    background-color: #f5f5f5;
    border-color: #ddd;
    color: #333;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 10px 15px;
}

 

Меняем:

.simple-content .checkout-heading {
    background-color: #808080;
    border-color: #ddd;
    color: #333;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 10px 15px;
}