-
AuthorPosts
-
January 23, 2020 at 5:46 pm #1177777
Hi enfold team,
please help me fix these following requirements here below
website URL is: https://www.indphila.com
1. In home page i would want to display add to cart button below the product images.
2. In product category page i want to display price and add to cart button
3. In Products category page images are getting cut. i want to display full in small size.In mobile view i have these issues
1. want space between breadcrumbs and divider line below.
2. related products are very small . want to display price and add to cart button there.
3. I have 4 tabs in the product description and want to reduce the size of the tab title to fit in one row.
4. reduce spacing between widgets in the footer.screenshot files uploaded and shared with this link
https://filebin.net/d255mg0205l9i7brJanuary 25, 2020 at 5:49 pm #1178384Hey anantharam,
To add the “add to cart” button to your homepage and categories, try adding this code to the end of your functions.php file in Appearance > Editor:add_action( 'woocommerce_after_shop_loop_item_title', 'woocommerce_template_loop_add_to_cart', 10 );
To make your breadcrumbs fit into your titles ares, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:
@media only screen and (max-width: 767px) { .single-product .title_container { height: 90px !important; } }
for your related products did you add this css:
.related.products li { width:18%!important; }
it is what is making is very small, it should be removed.
For your 4 product tabs, on large phones they may fix into one line with this css:#top div.product .woocommerce-tabs ul.tabs a { padding: 5px !important; }
but on small phones, such as the iPhone 6, they will not and to make the buttons smaller may make them not usable.
To remove your footer widget spacing, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:@media only screen and (max-width: 767px) { .responsive #top #wrap_all #footer .widget,.responsive #top #wrap_all #footer .flex_column.av_one_fourth { margin-top: 0 !important; margin-bottom: 0 !important; } }
After applying the css, Please clear your browser cache and check.
Best regards,
MikeFebruary 25, 2020 at 4:58 pm #1187767Hi Mike,
After making these changes as per your support, product category display has got shrinked looks like the whole layout got centre aligned.
please have a look at the some of the main category display page. here are the links
https://www.indphila.com/product-category/products/maxim-cards/
https://www.indphila.com/product-category/products/definitives/
Please let me know how to fix this.
Thanks
AnantharamFebruary 26, 2020 at 11:58 am #1188027February 26, 2020 at 12:30 pm #1188032Hi Mike,
It was in 1310,
I haven’t touched this since long time and after making the previous changes you recommend, i noticed this change has occurred.
Please find the login credentials in the private section.
Help me fix this issue.
Thanks
AnantharamFebruary 27, 2020 at 12:50 pm #1188434Hi,
Thank you for the login, I believe that this issue may be related to your old versions of Enfold and WooCommerce, please try updating your Theme and plugins. To update your theme you will need to Enter a valid Envato private token in the theme update option.
Otherwise, you can try this Quick CSS solution which will give you a min-width of 1440px for desktop on products, which I believe you are looking for.@media only screen and (min-width: 1440px) { #top .template-shop .container { min-width: 1440px !important; } }
Best regards,
MikeFebruary 28, 2020 at 9:04 am #1188777Hi Mike,
I did check for the updates by entering my product purchase key. it says that it has the latest version running
4.5.7I did add the code in Quick CSS and additional CSS and tried testing. But no luck it is still the same.
Please help me fix this.
Thanks
AnantharamFebruary 28, 2020 at 10:57 am #1188799Hi,
I will be happy to help, the latest version of Enfold is 4.7.3, try going to your Theme Forest account and download the latest version, and upload it to DropBox or something similar and attach FTP access in the Private Content area.
Please also update all or your plugins and your WordPress, Please look at your WordPress > Dashboard > Updates
I see the css you added is working now, please see the screenshot in the Private Content area, perhaps you just need to clear your browser cache. Just to be clear right now we are working on making sure your site is full-width for desktop, right?Best regards,
Mike -
AuthorPosts
- You must be logged in to reply to this topic.