Как растянуть текст на странице товара WooCommerc, чтобы под картинкой не было пустоты?

Question

[Сергей Смирнов]

Здравствуйте. Обыскал весь интернет и ничего не нашёл. Как решить проблему? В стилях ковырялся и ничего не помогает. Вот товар inplast-nn.ru/oborudovanie/konicheskij-ekstruder-pvx/ под картинкой товара пустота и никак не получается сделать так чтобы текст писался и под картинкой. Получается я пишу текст и он пишется в столбик справа от картинки товара, а под картинкой пустота. Как заставить текст чтобы он ложился по всей ширине и под картинкой тоже. Ну как в обычных статьях на сайте. Очень прошу помочь. Мне кажется решение простое но я его не вижу..

Answer 1

[Zhainar]

добавьте
.woocommerce .images {
max-height: 250px !important;
margin-right: 20px !important;
}
.woocommerce .summary {
float: none !important;
width: 100% !important;
}

Comments

[Сергей Смирнов]

Афигеть!!!! Огромнейшее спасибо!!!!

[Сергей Смирнов]

Зайнар, напишите мне пожалуйста [e-mail]

[Zhainar]

Сергей Смирнов: max-height: 250px !important; можно не добавлять

[Zhainar]

Сергей Смирнов: если есть вопросы пишите сюда

[Сергей Смирнов]

Zhainar: да вот там же, в товаре есть фраза у меня "Цена оборудования:" как я её поменял уже не помню, ищу ищу и не нахожу. Хотелось бы заменить на "Цена ориентировочная, от:"

[Zhainar]

Сергей Смирнов: поищите в папках темы или плагина файл price.php

[Сергей Смирнов]

Zhainar: да смотрел там.. сейчас покажу что там в этом файле.

<?php
/**
 * Single Product Price, including microdata for SEO
 *
 * @author  WooThemes
 * @package WooCommerce/Templates
 * @version 2.4.9
 */

if ( ! defined( 'ABSPATH' ) ) {
	exit; // Exit if accessed directly
}

global $product;

?>
<div itemprop="offers" itemscope itemtype="http://schema.org/Offer">

	<p class="price"><?php echo $product->get_price_html(); ?></p>

	<meta itemprop="price" content="<?php echo esc_attr( $product->get_price() ); ?>" />
	<meta itemprop="priceCurrency" content="<?php echo esc_attr( get_woocommerce_currency() ); ?>" />
	<link itemprop="availability" href="http://schema.org/<?php echo $product->is_in_stock() ? 'InStock' : 'OutOfStock'; ?>" />

</div>

[Zhainar]

Сергей Смирнов: тут ничего нет, придется искать где меняли. В папке темы если есть папка woocommerce, там поищите.

[Сергей Смирнов]

Zhainar: Вы супер спец профессионал, да в теме есть папка woocommerce и там такой же файл price.php . СПАСИБО ЕЩЁ РАЗ!!!!!!

[Сергей Смирнов]

Zhainar: Добрый вечер, я опять к вам. Пробовал в исходном коде на странице изменять, но так и не получилось уменьшить промежутки между картинками галереи товара - inplast-nn.ru/oborudovanie/linii-granulyacii-polim... - под основной картинкой галерея, она выводится в одну полоску и по идеи должна сама двигаться и показывать все фото галереи, ну ладно это не работает почему-то, мне бы хотя бы между ними этими фотками галереи уменьшить расстояние до 1px, чтобы три картинки маленькие помещались под главной фотографией товара. Это же что то в css надо править?

[Zhainar]

Сергей Смирнов: чет вы какую то фигню натворили инлайн стилями (особенно width: 515%;). Наймите верстальщика на фрилансе.

[Сергей Смирнов]

Zhainar: я понял. Ну а как его удалить вообще эту галерею, чтобы она в товаре не выводилась? Что удалить чтобы ничего другого не затронуть?

[Zhainar]

Сергей Смирнов: в function.php темы пишите
remove_action( 'woocommerce_before_single_product_summary', 'woocommerce_show_product_images', 20 );

[Сергей Смирнов]

Zhainar: нет, не работает, ну да ладно... пускай как есть. Спасибо