ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Dante
• May 31, 2015 at 6:43 pm #179980
  triinum

  Member

  Post count: 45

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

  June 1, 2015 at 5:51 am #180091
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  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

  June 1, 2015 at 6:52 am #180110
  triinum

  Member

  Post count: 45

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

  June 1, 2015 at 6:57 am #180113
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

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

  Thanks
  Mohammad

  June 1, 2015 at 9:20 am #180162
  triinum

  Member

  Post count: 45

  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>

  June 1, 2015 at 9:23 am #180164
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  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

  June 2, 2015 at 10:00 pm #180902
  triinum

  Member

  Post count: 45

  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.

  June 3, 2015 at 6:32 am #180975
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  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

• Back to forum

  Posted in: Dante