Related products and left sidebar on products page - Support

Viewing 8 posts - 1 through 8 (of 8 total)

Author

Posts
February 24, 2015 at 8:35 pm #401682

condonpb
Participant

Guys,
I am using woocommerce with enfold and I am using the left sidebar on my products page, and the related items show full width below. Is there any way i can get the related products section in purple to fit below the “additional Information Tab” ie 2/3 so taht there is no gap.

see http://www.psweb-test1.com/?product=merle-morrisesme. I can send a screeshot if needed.

Many thanks

Pete

February 25, 2015 at 7:07 pm #402288
Elliott
Inactive Moderator
Hey condonpb!

Try adding this to the bottom of your functions.php file.
```
add_action( 'init', 'enfold_customization_woocommerce_related' );
function enfold_customization_woocommerce_related() {
	remove_action( 'woocommerce_after_single_product_summary', 'avia_woocommerce_output_related_products', 20);
	add_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 2);
}
```
Cheers!
Elliott
- This reply was modified 9 years, 9 months ago by Elliott.
February 25, 2015 at 7:52 pm #402312

condonpb
Participant

Thanks Elliott,

Sorry What I meant was to take all of the pictures and purple border (reduce size) and move these up to where the current related products are.

Can you help with this please.

Many thanks

Peter

February 26, 2015 at 11:03 am #402568

Rikard
Keymaster

Hey Peter!

I’m not sure I follow what you are trying to do, do you want related products below additional information, because that is your current layout? Please elaborate a bit further, or if you could provide us with a screenshot highlighting what you are trying to achieve.

Best regards,
Rikard

February 27, 2015 at 8:59 am #403256

condonpb
Participant

Rikard,

Many thanks for your quick response. Sorry I was out office yesterday
Enclosed is link to screen shot that we are trying to get http://www.psweb-test1.com/wp-content/uploads/2015/02/related-product-alteration.jpg

Hope this makes things clearer. Link to site http://www.psweb-test1.com/?product=merle-morrisesme as an example.

February 28, 2015 at 4:32 pm #403857
Andy
Inactive Moderator
Hey!

so you want to add a purple background to the related product images, right? Add this code to your Quick CSS field for a workaround:
```
li.product.type-product.status-publish.has-post-thumbnail {
border-color: purple;
border-style: solid;
border-width: 25px;
margin-left: -7px;
}
```
and adjust as needed.

Hope this helps.

Regards,
Andy
February 28, 2015 at 5:58 pm #403869

condonpb
Participant

Andy,

I think you have misinterpreted what I meant please look at the link http://www.psweb-test1.com/wp-content/uploads/2015/02/related-product-alteration.jpg. On the detailed products page only we want to have the “related products section” to be reduced in width keeping the same amount of thumbnails and in the right hand column, underneath the additional information section with the widget section on the left hand side.

Please see current page as it is now. http://www.psweb-test1.com/?product=merle-morrisesme please can you help.

March 2, 2015 at 5:56 pm #404637

Ismael
Moderator

Hi!

Edit config-woocommerce > config.php, replace it with this code: http://pastebin.com/hjiKP5Jx

Cheers!
Ismael
Author

Posts

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.