diff --git a/wp-content/themes/cosmopet/modules/layout/assets/css/gp-style-core.css b/wp-content/themes/cosmopet/modules/layout/assets/css/gp-style-core.css index 189d7f4..610269b 100644 --- a/wp-content/themes/cosmopet/modules/layout/assets/css/gp-style-core.css +++ b/wp-content/themes/cosmopet/modules/layout/assets/css/gp-style-core.css @@ -578,34 +578,6 @@ textarea{ .button--red-48-px{ border-radius: 48px; } - .to-know{ - width: 100%; - - padding: 12px; - - display: flex; - justify-content: center; - - border: none; - - transition: opacity .2s ease-out; - } - .to-know:hover{ - opacity: .8; - } - .to-know p{ - padding-bottom: 4px; - - font-family: var(--font-family); - font-weight: 700; - font-size: 20px; - line-height: 120%; - color: var(--text-black); - - border-bottom: 1px var(--text-black) solid; - - cursor: pointer; - } .to-know--background-none{ background: none; } @@ -1699,35 +1671,8 @@ textarea{ .button--red-48-px{ border-radius: 48px; } -.to-know{ - /* width: 100%; */ - - padding: 12px 24px 7px 24px; - - display: flex; - justify-content: center; - border: none; - transition: opacity .2s ease-out; - text-decoration: none; -} -.to-know:hover{ - opacity: .8; -} -.to-know p{ - padding-bottom: 4px; - - font-family: var(--font-family); - font-weight: 700; - font-size: 20px; - line-height: 120%; - color: var(--text-black); - - border-bottom: 1px var(--text-black) solid; - - cursor: pointer; -} .to-know--background-none{ background: none; } diff --git a/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/css/gp-style-core.css b/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/css/gp-style-core.css index c3fd1d3..b67ddfe 100644 --- a/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/css/gp-style-core.css +++ b/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/css/gp-style-core.css @@ -951,6 +951,7 @@ button{ display: flex; align-items: start; + flex-wrap: wrap; } .compound__item{ margin: 5px; @@ -1083,18 +1084,17 @@ button{ } .to-know{ /* width: 100%; */ - - padding: 12px 24px 7px 24px; - - display: flex; - justify-content: center; - border: none; - transition: opacity .2s ease-out; text-decoration: none; + text-transform: uppercase; +} +.product__item .to-know{ + margin-right: auto; + margin-left: auto; + width: auto; + display: flex; } - .to-know--start{ justify-content: start; padding-left: 0; diff --git a/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/css/gp-style-desktop.css b/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/css/gp-style-desktop.css index 8900568..1cac580 100644 --- a/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/css/gp-style-desktop.css +++ b/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/css/gp-style-desktop.css @@ -553,7 +553,6 @@ main{ font-size: 20px; line-height: 200%; text-transform: uppercase; - color: var(--text-black); } .product-item__price p::after{ @@ -593,8 +592,8 @@ main{ .product__item.hiding .product-item__images{ filter: grayscale(1) } - .product__item.hiding .product-item__price{ - color: var(--text-grey); + .product__item.hiding .product-item__price p{ + color: #999; } .product-item__overlay{ position: absolute; @@ -843,6 +842,7 @@ main{ } .detail__image--width-perc-100{ width: calc(100% - 24px); + height: 600px; } @@ -1059,7 +1059,7 @@ main{ display: flex; } .detail__catalot .product__item{ - width: calc(100% - 24px); + width: calc(100%); } .detail__images-phone{ display: none; diff --git a/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/css/gp-style-tablet.css b/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/css/gp-style-tablet.css index e59949c..ceab514 100644 --- a/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/css/gp-style-tablet.css +++ b/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/css/gp-style-tablet.css @@ -1,5 +1,9 @@ /* Стили для планшетов */ @media only screen and (max-width: 1200px) { + + .product__main{ + margin: 36px 0 0; + } /* header */ main{ padding-top: 64px; diff --git a/wp-content/themes/cosmopet/modules/shop/components/single-product/component-template.twig b/wp-content/themes/cosmopet/modules/shop/components/single-product/component-template.twig index e765802..82c831f 100644 --- a/wp-content/themes/cosmopet/modules/shop/components/single-product/component-template.twig +++ b/wp-content/themes/cosmopet/modules/shop/components/single-product/component-template.twig @@ -133,7 +133,19 @@ {% endif %} {% endif %} + + {% if product.in_stock %} + {{ function('do_action', 'woocommerce_' ~ product.get_type() ~ '_add_to_cart') }} + {# Start | Вывод кнопки узнать о поступлении если товара нет в наличии #} + {% else %} +
{{ wc_product.get_price() }} {{ fn('get_woocommerce_currency_symbol') }}
-