Andrei | фикс стилей в карточке товара (мобилка)

pull/36/head
Your Name 1 month ago
parent 256e5764e3
commit d6ccf00fe0
  1. 17
      wp-content/themes/cosmopet/modules/shop/components/single-product/assets/css/gp-style-core.css
  2. 2
      wp-content/themes/cosmopet/templates/shop/product-subscription-options-prompt-radio-block.twig

@ -340,8 +340,9 @@
display: block!important; display: block!important;
} }
form.cart .single_add_to_cart_button { form.cart .single_add_to_cart_button {
margin: 8px; margin: 8px 0;
min-width: 345.89px; width: 345.89px;
max-width: 100%;
height: 56px; height: 56px;
padding: 16px 24px 16px 24px; padding: 16px 24px 16px 24px;
font-weight: 700; font-weight: 700;
@ -423,6 +424,16 @@ font-size: 16px;
line-height: 20px; line-height: 20px;
margin-bottom: 20px; margin-bottom: 20px;
} }
@media (max-width: 640px) {
.subscription-option-details, .wcsatt-options-prompt-action, .subs-text-title{
font-size: 18px;
line-height: 22px;
display:flex;
gap: 12px;
align-items: center;
}
}
input:checked + .subscription-option-details::before, input:checked + .wcsatt-options-prompt-action::before{ input:checked + .subscription-option-details::before, input:checked + .wcsatt-options-prompt-action::before{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M1 10C1 5.02944 5.02944 1 10 1C14.9706 1 19 5.02944 19 10C19 14.9706 14.9706 19 10 19C5.02944 19 1 14.9706 1 10Z' fill='white'/%3E%3Cpath d='M1 10C1 5.02944 5.02944 1 10 1C14.9706 1 19 5.02944 19 10C19 14.9706 14.9706 19 10 19C5.02944 19 1 14.9706 1 10Z' stroke='url(%23paint0_radial_11890_46040)' stroke-width='2'/%3E%3Ccircle cx='10' cy='10' r='6' fill='url(%23paint1_radial_11890_46040)'/%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_11890_46040' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(19 1) rotate(135) scale(25.4558 34.7538)'%3E%3Cstop stop-color='%23188892'/%3E%3Cstop offset='0.45' stop-color='%231EA49C'/%3E%3Cstop offset='0.9' stop-color='%2376CE75'/%3E%3Cstop offset='1' stop-color='%23BBE38D'/%3E%3C/radialGradient%3E%3CradialGradient id='paint1_radial_11890_46040' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(16 4) rotate(135) scale(16.9706 23.1692)'%3E%3Cstop stop-color='%23188892'/%3E%3Cstop offset='0.45' stop-color='%231EA49C'/%3E%3Cstop offset='0.9' stop-color='%2376CE75'/%3E%3Cstop offset='1' stop-color='%23BBE38D'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E"); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M1 10C1 5.02944 5.02944 1 10 1C14.9706 1 19 5.02944 19 10C19 14.9706 14.9706 19 10 19C5.02944 19 1 14.9706 1 10Z' fill='white'/%3E%3Cpath d='M1 10C1 5.02944 5.02944 1 10 1C14.9706 1 19 5.02944 19 10C19 14.9706 14.9706 19 10 19C5.02944 19 1 14.9706 1 10Z' stroke='url(%23paint0_radial_11890_46040)' stroke-width='2'/%3E%3Ccircle cx='10' cy='10' r='6' fill='url(%23paint1_radial_11890_46040)'/%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_11890_46040' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(19 1) rotate(135) scale(25.4558 34.7538)'%3E%3Cstop stop-color='%23188892'/%3E%3Cstop offset='0.45' stop-color='%231EA49C'/%3E%3Cstop offset='0.9' stop-color='%2376CE75'/%3E%3Cstop offset='1' stop-color='%23BBE38D'/%3E%3C/radialGradient%3E%3CradialGradient id='paint1_radial_11890_46040' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(16 4) rotate(135) scale(16.9706 23.1692)'%3E%3Cstop stop-color='%23188892'/%3E%3Cstop offset='0.45' stop-color='%231EA49C'/%3E%3Cstop offset='0.9' stop-color='%2376CE75'/%3E%3Cstop offset='1' stop-color='%23BBE38D'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E");
} }
@ -430,7 +441,7 @@ input:checked + .subscription-option-details::before, input:checked + .wcsatt-op
content: ''; content: '';
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M1 10C1 5.02944 5.02944 1 10 1C14.9706 1 19 5.02944 19 10C19 14.9706 14.9706 19 10 19C5.02944 19 1 14.9706 1 10Z' fill='white'/%3E%3Cpath d='M1 10C1 5.02944 5.02944 1 10 1C14.9706 1 19 5.02944 19 10C19 14.9706 14.9706 19 10 19C5.02944 19 1 14.9706 1 10Z' stroke='%23121212' stroke-width='2'/%3E%3C/svg%3E"); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M1 10C1 5.02944 5.02944 1 10 1C14.9706 1 19 5.02944 19 10C19 14.9706 14.9706 19 10 19C5.02944 19 1 14.9706 1 10Z' fill='white'/%3E%3Cpath d='M1 10C1 5.02944 5.02944 1 10 1C14.9706 1 19 5.02944 19 10C19 14.9706 14.9706 19 10 19C5.02944 19 1 14.9706 1 10Z' stroke='%23121212' stroke-width='2'/%3E%3C/svg%3E");
height: 20px; width: 20px; height: 20px; width: 20px;
flex-shrink: 0;
} }
.wcsatt-options-wrapper input, .wcsatt-add-to-subscription-wrapper input { .wcsatt-options-wrapper input, .wcsatt-add-to-subscription-wrapper input {

@ -6,6 +6,7 @@
name="subscribe-to-action-input" name="subscribe-to-action-input"
value="no" /> value="no" />
<div class="wcsatt-options-prompt-action"> <div class="wcsatt-options-prompt-action">
<div>
One-time purchase for One-time purchase for
<b class="woocommerce-Price-amount"> <b class="woocommerce-Price-amount">
{% if fn('wc_get_price_to_display', product, {'price': product.get_regular_price }) > fn('wc_get_price_to_display', product, {'price': product.get_sale_price }) %} {% if fn('wc_get_price_to_display', product, {'price': product.get_regular_price }) > fn('wc_get_price_to_display', product, {'price': product.get_sale_price }) %}
@ -15,6 +16,7 @@
{{ fn('wc_price', fn('wc_get_price_to_display', product, {'price': product.get_regular_price })) }} {{ fn('wc_price', fn('wc_get_price_to_display', product, {'price': product.get_regular_price })) }}
{% endif %} {% endif %}
</b> </b>
<div>
</div> </div>
</label> </label>
</li> </li>

Loading…
Cancel
Save