• Вопрос без рабочей ссылки на проблему считается риторическим. Без ссылки и скриншота - провокацией!

Перенос название товара вверх изображение или выравнивание кнопок "купить"

Image CMS

Sface

Новичок
#1
Порылся в гугле и не нашел ни 1 рабочего совета.
http://polyteh.com.ua/product-category/iphone/5s/
Кнопки "купить" вразнобой. Хочется либо перенести название товара вверх (если это решит проблему с кнопками) или выровнять их.

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

Smol09

Новичок
#2
Находишь файл
/wp-content/plugins/woocommerce/assets/css/woocommerce.css
открываешь в нотпад++
ищи
.woocommerce ul.products li.product h3,.woocommerce-page ul.products li.product h3{padding:.5em 0;margin:0;font-size:1em}
добавляй в конце типа ;height:30px
.woocommerce ul.products li.product h3,.woocommerce-page ul.products li.product h3{padding:.5em 0;margin:0;font-size:1em;height:30px}
и будет тебе счастье
пысы
еще тебе надо добавить высоту для
.woocommerce #content ul.products li.product span.price, .woocommerce-page #content ul.products li.product span.price
найдешь последовательность:
color: #2D2D2D;
font-weight: 600;
padding: 0;
font-size: 15px;
margin: 0;
text-align: center;
добавь туда же height:30px
 
Последнее редактирование:

Sface

Новичок
#3
Находишь файл
/wp-content/plugins/woocommerce/assets/css/woocommerce.css
открываешь в нотпад++
ищи
.woocommerce ul.products li.product h3,.woocommerce-page ul.products li.product h3{padding:.5em 0;margin:0;font-size:1em}
добавляй в конце типа ;height:30px
.woocommerce ul.products li.product h3,.woocommerce-page ul.products li.product h3{padding:.5em 0;margin:0;font-size:1em;height:30px}
и будет тебе счастье
пысы
еще тебе надо добавить высоту для
.woocommerce #content ul.products li.product span.price, .woocommerce-page #content ul.products li.product span.price
найдешь последовательность:
color: #2D2D2D;
font-weight: 600;
padding: 0;
font-size: 15px;
margin: 0;
text-align: center;
добавь туда же height:30px
Не получилось, всё осталось так же :(
 

dangler

Новичок
#4
Smol09 верно говорит - одно из решений - это сделать фиксированной высоту блока с названием. Дописать в style.css что-то вроде:

.woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 { height: 66px; }

и потом отступ над кнопкой "под заказ" уменьшаешь .woocommerce ul.products li.product .button { margin-top: 0.5em; }
 

Sface

Новичок
#5
Smol09 верно говорит - одно из решений - это сделать фиксированной высоту блока с названием. Дописать в style.css что-то вроде:

.woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 { height: 66px; }

и потом отступ над кнопкой "под заказ" уменьшаешь .woocommerce ul.products li.product .button { margin-top: 0.5em; }
Я не гуру вукомерса. Если можно - конкретнее, в каком файле и что изменять, спасибо.

По совету Smol09 тех строк я не нашел, вписал - ничего не изменилось.

По Вашему - style.css - темы? Добавил строки, потыкал значения высоты/отступов - тоже ничего не изменилось.
 

dangler

Новичок
#6
Внешний вид- Редактор - style.css. В конце файла добавляете строки
.woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 { height: 66px; }
.woocommerce ul.products li.product .button { margin-top: 0.5em; }
 

dangler

Новичок
#8
да ну не может быть :) даже если весь css удалить, все равно контент останется (фото и текст), пропадет только оформление. Если белый экран - это если бы вы не в css эти строки добавили, а в какой-нибудь header.php
 

Sface

Новичок
#9
да ну не может быть :) даже если весь css удалить, все равно контент останется (фото и текст), пропадет только оформление. Если белый экран - это если бы вы не в css эти строки добавили, а в какой-нибудь header.php
Именно в style.css
Попробовал через FTP отредактировать вручную - ничего не изменилось
 

Smol09

Новичок
#10
ну да. Звиняюсь прописать надо в стили темы а не вукоммерса)
типа .woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 { height: 66px; }
height: подобрать по-вкусу;
а белый экран -наверное скобочку где-нибудь забыл
зачем фтп - через админку стили в теме не правятся?
 

Sface

Новичок
#11
ну да. Звиняюсь прописать надо в стили темы а не вукоммерса)
типа .woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 { height: 66px; }
height: подобрать по-вкусу;
а белый экран -наверное скобочку где-нибудь забыл
зачем фтп - через админку стили в теме не правятся?
Вот когда скобочка не убирается - сайт ложится на белый экран. За сим правлю в ручную, что бы потом не искать пол часа где косяк))
 

rikitiki

Специалист
Местный
#12
Кнопки "купить" вразнобой. Хочется либо перенести название товара вверх (если это решит проблему с кнопками) или выровнять их.

Находил здесь тему с обрезками названий, с точками - не помогло и выглядит не ахти.
А вы уберите кнопки Купить с витрин и будет ровней смотреться. Какой в здравом посетитель станет покупать телефон не заглянув прежде в карточку товара, А там эта кнопка есть. На Aliexpress тоже кнопок в витринах нет, однако торгуют телефонами.
 

Sface

Новичок
#13
Добавил в style.css строку, пару раз изменил параметр height - ничего не изменилось :\
 

Sface

Новичок
#14
А вы уберите кнопки Купить с витрин и будет ровней смотреться. Какой в здравом посетитель станет покупать телефон не заглянув прежде в карточку товара, А там эта кнопка есть. На Aliexpress тоже кнопок в витринах нет, однако торгуют телефонами.
Как это реализовать? Звучит как решение проблемы)
 

Sface

Новичок
#17
Гляньте на моём сайте http://innka.info/product-category/uxod-za-kozhej/uvlazhnenie/ Неровность не сильно в глаза бросается.
Сейчас не помню как от кнопок избавлялся. Чуть позже отпишу.
Да, в целом гуд. Я бы не отказался от подсказки как эти всплывающие кнопки реализовать при наведении мышью?
 

rikitiki

Специалист
Местный
#18
Ой блин я и забыл что потом их опять вставил в витрины и сделав их видимыми только при наведении.
 

Sface

Новичок
#19
Ой блин я и забыл что потом их опять вставил в витрины и сделав их видимыми только при наведении.
И так и так - в целом пойдет.

Оба варианта годятся.
Тогда только встанет вопрос как внутри карточек товара изменить с "нет в наличии" на "под заказ".
 

rikitiki

Специалист
Местный
#20
Да особой сложности не было, просто немного изменил последовательность вывода элементов в php заключив инижнюю часть в отдельный блок кот0рый скрыт через display:none и делается видимым при наведении xaвером. Точно также у меня и на другом тестовом сайте http://xarod.tk/shop/ , но здесь я вставил в витрину дополнительное описание.