Problem with product thumbnails

7 posts from 2 voices

• Started 2 months ago by eyeweb
• Latest reply from Ismael
• This topic is resolved

Tags:

No tags yet.

1. 

   eyeweb
   Member

   Hi,
   I have added a short code of featured products to my home page.
   when I enter to the home page, the thumbnails turns to a small size until I roll over them with my mouse.
   I use chrome browser.

   Here is the link to the home page:
   http://bouqueto.wptrail.info/

   Here is a print screen of what happens:
   http://bouqueto.wptrail.info/wp-content/uploads/2013/03/bug.jpg

   How do I fix this?

   Posted 2 months ago #
2. 

   Ismael
   Moderator

   Hi eyeweb,

   You don't need a shortcode to add featured products on your homepage, you need to use the Template Builder. For more information on how to use the template builder, you can check this video tutorial: http://www.screenr.com/PMZs

   Regards,
   Ismael

   Posted 2 months ago #
3. 

   eyeweb
   Member

   Dear Ismael,

   I used the template builder with 2 columns.
   One for text and one for the featured products. Therefore I used the short code.

   Do you another solution of how to do that in another way and receive the same result?

   Posted 2 months ago #
4. 

   eyeweb
   Member

   I tried to use products element and force sidebar.
   How can I make the sidebar to appear on the right just at the home page with this element?

   Posted 2 months ago #
5. 

   eyeweb
   Member

   I chose to display only 3 products.
   Why is there such large space between the products and the products slider?

   Please help.

   Posted 2 months ago #
6. 

   eyeweb
   Member

   I used this for fixing the space:
   .sidebar {min-height: 290px;}

   Posted 2 months ago #
7. 

   Ismael
   Moderator

   Hi eyeweb,

   Sorry for the late response. I think using columns in template builder and adding a shortcode is the best way to customize it. For the sidebar, you can add this custom css code to your Quick CSS or custom.css:
   

   .home .dynamic_el_3 .template-shop {
   float: left;
   }
   
   .home .dynamic_el_3 .sidebar {
   float: right;
   position: absolute;
   }

   if that code doesn't work try this one instead:
   

   .home .dynamic_el_3 .template-shop {
   float: left !important;
   }
   
   .home .dynamic_el_3 .sidebar {
   float: right !important;
   position: absolute !important;
   }

   Hope this helps.

   Regards,
   Ismael

   Posted 2 months ago #

RSS feed for this topic

Reply

You must log in to post.