Product image and description inline

[triinum]

What should I do in order to get my product image and text next to each other like in the demo?

[Mohammad – SUPPORT]

Hi,
I see that you have this custom css code that is cause to issue.

.woocommerce div.product div.summary {
margin-bottom: 50px;
float: right;
width: 96%;
}

You need to change the width 96% to 69% to resolve the issue.

Thanks
Mohammad

[triinum]

Thanks, but how to avoid extra space when product has no image?

[Mohammad – SUPPORT]

Hi,
You need to customize the woocommerce template or you can upload dummy images that will be best.

Thanks
Mohammad

[triinum]

will do, thanks. One more thing – last week after you made my code work in custom js it has an opposite effect: it displays the field by default and hides the field on click instead of displaying it. How can I make it work correctly? And thanks for your time 🙂

<script type=”text/javascript”>
jQuery(document).ready(function($){
$(‘.arve-checkbox input[type=”checkbox”]’).on(‘click’, function () {
$(‘.arve-text’).slideToggle();
});

</script>

[Mohammad – SUPPORT]

Hi,
Please remove last code and use this

<script type="text/javascript">
jQuery(document).ready(function($){
$('.arve-checkbox input[type="checkbox"]').on('click', function () {
$('.arve-text').show();
});

</script>

Thanks
Mohammad

[triinum]

Didn’t work eihter, I tried adding the “hide” function, also no luck:
<script type=”text/javascript”>
jQuery(document).ready(function($){
$(‘arve-text’).hide();
$(‘.arve-checkbox input[type=”checkbox”]’).on(‘click’, function () {
$(‘.arve-text’).show();
});

</script>

It doesn’t hide by default, the only way it worked perfect was when it was in the footer, I also tried adding hide !important, but no luck.

[Mohammad – SUPPORT]

Hi,
You have one mistake in your code so use this correct code:-

<script type="text/javascript">
jQuery(document).ready(function($){
$('.arve-text').hide();
$('.arve-checkbox input[type="checkbox"]').on('click', function () {
$('.arve-text').show();
});

</script>

Thanks
Mohammad