Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #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.

    mobile screenshots

    screenshot files uploaded and shared with this link
    https://filebin.net/d255mg0205l9i7br

    #1178384

    Hey 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,
    Mike

    #1187767

    Hi 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
    Anantharam

    #1188027

    Hi,
    I think I understand, your pages seems to be set to a max-width of 1010px, is this what you mean?
    Please see the screenshot in Private Content area.
    Please try adjusting this here:
    2020-02-26-045451

    Best regards,
    Mike

    #1188032

    Hi 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
    Anantharam

    #1188434

    Hi,
    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,
    Mike

    #1188777

    Hi Mike,

    I did check for the updates by entering my product purchase key. it says that it has the latest version running
    4.5.7

    I 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
    Anantharam

    #1188799

    Hi,
    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

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.