CSS: змінити розташування старої ціни в категоріїї і тд

[Setsuna]

Вытаю шановне панство. Прошу допомоги з cs

Питання ось в чому - потрібно стару ціну розмістити під ціною/новою ціною, аби воно мало більш менш пристойний вигляд.

Мої спроби подолати цей цсс виявились невдалими.

Наразі код виглядвє так

Прихований текст

}
h2.price {
    margin: 0;
}
.product-thumb .price {
        margin-top: 15px;
    color: #b50601;
    font-size:30px;
}
.product-thumb .price-new {
    font-weight: 600;

}
.product-thumb .price-old {
    color: #999;
    text-decoration: line-through;
    margin-top: 60px;
}

 

що виглядає ось так)

 

Якщо хтось підкаже де в мене косяк - буду вдячний
 

Прихований текст

Прихований текст

 

 

[aridius]

.product-thumb .price-new {
  display: block;
}

.product-thumb .price-old {
  margin-left: 0;
}

[Setsuna]

В 02.04.2024 в 21:06, aridius сказав:

.product-thumb .price-new {
  display: block;
}

.product-thumb .price-old {
  margin-left: 0;
}

Дякую. тепер два рядка , але вони дуже близько один від одного. якось так

 

[aridius]

.product-thumb .price-new {
  margin-bottom: 12px;
}

[Setsuna]

Дякую за допомогу.

А можна ще питання - треба нижче ціни вивести модель та під нею наявність (ну це ще невідомо чи потреба буде).

у цсс не знайшов, я так розумію що це треба в категорі.твіг дивитись.

десь тут

 

Прихований текст

<div class="product-thumb">
            <div class="image"><a href="{{ product.href }}"><img src="{{ product.thumb }}" alt="{{ product.name }}" title="{{ product.name }}" class="img-responsive" /></a></div>
            <div>
              <div class="caption">
                <h4><a href="{{ product.href }}">{{ product.name }}</a></h4>
                <p>{{ product.description }}</p>
                {% if product.price %}
                <p class="price"> {% if not product.special %}
                  {{ product.price }}
                  {% else %} <span class="price-new">{{ product.special }}</span> <span class="price-old">{{ product.price }}</span> {% endif %}
                  {% if product.tax %} <span class="price-tax">{{ text_tax }} {{ product.tax }}</span> {% endif %} </p>
                {% endif %}

ось тут-   <ul class="list-unstyled">
                 <li>{{ text_model }} {{ model }}</li>
              {% endif %}
            <li>{{ text_stock }} {{ stock }}</li>
          </ul>

тіки це крашит сторінку(
                {% if product.rating %}
                <div class="rating"> {% for i in 1..5 %}
                  {% if product.rating < i %} <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span> {% else %} <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i><i class="fa fa-star-o fa-stack-2x"></i></span>{% endif %}
                  {% endfor %} </div>
                {% endif %} </div>
           

 

[aridius]

02.04.2024 в 21:56, Setsuna сказал:

А можна ще питання - треба нижче ціни вивести модель та під нею наявність (ну це ще невідомо чи потреба буде).

 

Де саме це вам потрібно вивести в категоріях?

[spectre]

С такими вопросами на ура справляется чатгпт

[Setsuna]

В 03.04.2024 в 10:04, aridius сказав:

Де саме це вам потрібно вивести в категоріях?

 

Прихований текст

 

 

Змінено 3 квітня користувачем Setsuna
не то фотро