Enfold/WooCommerce "Back to shop" button code regards to the product page - Support

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

Author

Posts
April 25, 2018 at 8:06 am #946429
projectnexus
Participant
I have created a webshop using Enfold and WooCommerce. If you look at this page: http://www.alliancedack.se/product/work-t-shirt-j-a-k-cotton/

Screenshots:
http://www.alliancedack.se/wp-content/uploads/2018/04/Enfold_01.png
http://www.alliancedack.se/wp-content/uploads/2018/04/Enfold_02.png

I have added a “Back to webshop” button at the bottom by using the following in the functions.php file (which I found in a Google search):

//add back to store button after cart
add_action(‘woocommerce_single_product_summary’, ‘themeprefix_back_to_store’, 45);
function themeprefix_back_to_store() { ?>
“><?php _e( ‘Gå tillbaka till butiken’, ‘woocommerce’ ) ?>
<?php
}

That works really well, but I would like if it was possible to add some space between the text and the button on both the top and bottom (the space in the bottom is because when viewing the page on a mobile device the button is right above the black footer without any padding. I was hoping someone with a lot more skills than me could help out with this.

Thanks in advance!

Best regards
Thomas
- This topic was modified 6 years, 2 months ago by projectnexus.
April 26, 2018 at 10:46 pm #947505

Basilis
Inactive Moderator

Hey projectnexus,

Please add the following CSS

.product_meta {
padding-bottom: 30px;
}

That should solve the issue.

Best regards,
Basilis

May 7, 2018 at 8:11 am #952530

projectnexus
Participant

Hi Basilis,

Thanks. That worked like a charm – is it possible to add some more padding below the new button? When you view the page on a mobile device the “Return to store” buttom sits right on top of the black footer.

Thanks in advance.

May 8, 2018 at 5:41 am #953087
Rikard
Keymaster
Hi,

Please try the following CSS as well:
```
@media only screen and (max-width: 767px) {
.single-product .wc-backward {
  margin-bottom:40px;
}
}
```
Best regards,
Rikard
May 8, 2018 at 7:48 am #953186

projectnexus
Participant

Hi Rikard,
Just what I wanted. Thank you very much for your help!

May 9, 2018 at 6:25 am #953694

Rikard
Keymaster

Hi,

Great, glad we could help. Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard

May 9, 2018 at 1:44 pm #953920

projectnexus
Participant

This post can be closed.

May 10, 2018 at 12:21 pm #954497

Mike
Moderator

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
and the video tutorials here
And if there are features that you wish Enfold had, you can request them and vote the requested ones here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike
Author

Posts

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

The topic ‘Enfold/WooCommerce "Back to shop" button code regards to the product page’ is closed to new replies.