UPDATE: I’ve got all the pages running the same header but only the Homepage appears to be set a full width. How can I set all the other inner pages to show full width? Thanks

Hello there,

Thank you for reaching us. Please add this custom CSS to Appearance > Customize > Additional CSS :

https://gist.github.com/ibndawood/801b7072927d241363a3c274627b10b4

Hope this helps. Let us know if you have any other questions or need further help.

Thanks, Ibrahim

Thanks!

Hi, Is it possible to set just the header to full width rather than the main content container as well?

Hello there,

Thank you for reaching us. Isn’t the header in full-width already ? Can you please clarify what you’d like to achieve with a screenshot ?

Thanks, Ibrahim

Hi. The header is full with on the home page but not on any of the inner pages.

Hello again,

Your URL does not load. Please check.

Thanks, Ibrahim

Hi, no I’ve just switched it to the live domain/site and applied the DNS change. I’ll check again later when its live.

Just checking, The SKU number on the product page, is it possible to move this up by the product price?

Here is the custom code : https://gist.github.com/ibndawood/8adee4e585b38d2f29d1bb4ac6bfdecf

Please copy functions.php into your child theme’s functions.php and copy style.css into Appearance > Customize > Additional CSS

Thats brilliant. Thank you

With regards to the header full width on all pages rather than just the home page. This is my live URL : https://quickforget.com/s/d040a2d3c1944fc0455f51c19da51dc2

Let me know if this is possible. I want the main container on the inner page to remain at the same width/ not full, only the header.

OK. I see what you mean. Please add this custom CSS to Appearance > Customize > Additional CSS :

https://gist.github.com/ibndawood/801b7072927d241363a3c274627b10b4

Thanks, will this only adjust the header / menu to 1430px and not the main content container?

the code applies for all container classes including the one used in main content.

Hi, So its not possible to just stretch the header on other pages to fit 1430px?

oh no. The code I gave works on all pages. Didn’t it work for you ?

Hello there,

Thank you for reaching us. Please add this custom PHP code to your child theme’s functions.php to show a custom message for all your in stock products :

add_action( 'woocommerce_single_product_summary', 'ec_child_custom_message', 11 );

function ec_child_custom_message() {
    global $product;
    if ( $product->is_in_stock() ) : ?><span style="color: #8f8e94;">Express Delivery: 24h</span><?php endif;
}

Hope this helps. Let us know if you have any other questions or need further help.

Thanks, Ibrahim

Thank you very much. Just to say, you are one of the best theme maker I knew.

Oh yes, one last question : is it possible to disable this message for some product category ? Some of my product take longer to deliver.

Also I noticed on the mobile version there’s no ” add to cart” on product category page. If a mobile customer want to add a product in the cart he need to go to the product page before being able to add a product to cart.

https://demo.madrasthemes.com/electro/product-category/smart-phones-tablets/smartphones/

Is it possible to add the ” add to cart button” when customer are browsing the product category on Smartphone to make the purchase process smoother?

Hello again,

Thank you for getting back. You need to add additional condition to the code to make the text visible only in certain categories.

Please add this custom CSS to Appearance > Customize > Additional CSS :

https://gist.github.com/ibndawood/19fc3e10c4d19c9c3a2e074a157ec676

Hope this helps. Let us know if you have any other questions or need further help.

Thanks, Ibrahim

Hello The CSS for mobile add to cart is working perfectly thank you very much.

As for the additionnel condition can you help me a little bit? I’m still struggling with PHP.

How do I translate in PHP, in the snippet you made for me :

If category is not equal to “categoryname” Then display ” Express delivery 24h”

Hello there,

Thank you for purchasing our theme and for reaching us. Yes you can achieve this with custom CSS :

@media ( max-width: 568px ) { 
    .features-list.columns-5 .feature, .features-list.columns-5 .feature {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
}

Hope this helps. Let us know if you have any other questions or need further help.

Thanks, Ibrahim

Hi again, Unfortunately the code is not working for me, it is still showing it with the need to scroll on mobile, I would like them to make a square of 2 by 2 when seing on mobile (without scrolling) as I only have 4 features now. Like this: https://ibb.co/Bybxcpw

Thanks for your time! And again, love your theme!

Ok. If you are having 4 columns, pelase replace columns-5 with columns-4 in the above code. Thanks, Ibrahim

I tried replacing it and it does not work…

Please let us know your website URL. I’ll take a look.

Thanks again for your time. kinkee.ca

Hello again,

Thank you for getting back. I checked your page but I don’t see the code that I’ve asked to add. Can you please clarify where have you added the CSS code ?

Thanks, Ibrahim

Sorry I removed it because it wasn’t working I just put it back. I added the css code on Electro > Custom Code

Here is the updated code :

@media (max-width: 568px) {
    .features-list.columns-4 .feature, .features-list.columns-4 .feature {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        padding-right: 15px;
    }
    .features-list:not(.electro-v1) { flex-wrap: wrap; }
}

Hope this helps. Let us know if you have any other questions or need further help.

Thanks, Ibrahim

Awesome Thanks Ibrahim! Yes only one more thing: the review’s stars or the add to cart button don’t appear on mobile on the shop page on List-view (even if the product has been reviewed): https://imgur.com/J84YXqR But they appear on desktop. Is there a way to make them appear on mobile too?

Hello there,

Thank you for your interest in our theme. To answer your questions :

1. The theme does not depend on Visual Composer. All home pages can be built via templates or Visual Composer or Elementor. Its completely your choice. A theme plays a small role in a website’s speed. Your website’s content and your host configuration plays a major role.

2. Yes, you can enable timer in single product page but progress bar for the stocks is not available yet. I can help custom coding this part if you wish.

Hope this answers your questions. Let us know if you have any other questions.

Thanks, Ibrahim

Hi, If I want it to be used for Tshirt products, is it possible to add option like: Size, Color?

Hello there,

Thank you for purchasing our theme and for reaching us. You can edit the menus in Appearance > Menus. Mega menu items are built using static blocks, you can edit the static blocks from Static Blocks in your admin panel. We’ve documented the steps here : https://docs.madrasthemes.com/electro/topics/navigation/general-guidelines/

Hope this helps. Let us know if you have any other questions or need further help.

Thanks, Ibrahim

hello , how to change the sticky header of different pages? (other than the home page) ?

Hello there,

Thank you for reaching us. Can you please clarify your requirement with a screenshot ?

Thanks, Ibrahim

in the shop page , I want to make sticky the search bar instead of the menu items …

can I change the sticky bar ?

Hello there,

Thank you for purchasing our theme and for reaching us. To answer your questions :

1. Home pages in Electro are built using page templates. ( Ref : https://docs.madrasthemes.com/electro/topics/set-up-pages/home-v1/home-v1-via-page-template/ ). This means there will be no content in the text editor area or visual composer back-end editor. The content is loaded from the template file and are configurable via page options meta-box that are present below the editor ( Ref : https://docs.madrasthemes.com/electro/topics/set-up-pages/home-v1/home-v1-via-page-template/#home-v1-page-options ). This makes sure that the home pages are independent of page editors.

However you can also build the home pages using visual composer. For example, you can build home v1 by following the instructions given here : https://docs.madrasthemes.com/electro/topics/set-up-pages/home-v1/home-v1-via-visual-composer/ You need to paste the code given in the documentation into your child editor to generate the page using Visual Composer. Here is a video on how to paste the VC code from documentation into your page : https://www.youtube.com/watch?v=mIsMoJmhKVo

2. As for shop pages, they are not built using WP Bakery Page Builder but using WooCommerce templates.

Hope this clarifies. Let us know if you have any other questions or need further help with the theme.

Thanks, Ibrahim

Thank you very much, it is ok for the HOME PAGE, but for SHOP page I still can’t customize it for example I can’t remove the “Recommendation Product” slider.

Hello again,

Thank you for getting back. “Recommended Products” is a static block used as a jumbotron. A shop page jumbotron is assigned via Electro > Shop > Shop Page Jumbotron. You can simple de-assign it to remove the block.

Hope this helps. Let us know if you have any other questions or need further help.

Thanks, Ibrahim

thank you very much for the good support, I want to ask also how to enable the mega menu in menus and how to add image to the menu

also if you suggest a Social Login & Registration plugin compatible with this theme.

Hello there,

Thank you for purchasing our theme and for reaching us. We’ve documented how to build a mega menu : https://docs.madrasthemes.com/electro/topics/navigation/creating-megamenus/

We do not have any specific recommendation for social login plugin. You can use any plugin of your choice, if you run into compatibility issues, we’ll gladly help.

Thanks, Ibrahim

1- I would like to thank you for the impressive support, and also I want to ask about gallery images in the single product page; some images are hidden in the preview, I need to click on magnifier icon to show the image.

2- How to change the single product header layout to be the same as default home page.

Hello there,

Thank you for getting back.

1. Can you please give me your website URL to check this issue ?

2. Electro > Header > Header Styles applies to all pages of your website except home pages and pages that use home page templates. Home page header styles are set from the page options as show here : https://docs.madrasthemes.com/electro/topics/set-up-pages/home-v1/home-v1-via-page-template/#home-v1-page-options

Hope this helps. Let us know if you have any other questions or need further help.

Thanks, Ibrahim

Thank you very much … this is the link https://bit.ly/2UqoP8Q ... also in the same page i have two windows with the same tabs “Specifications & Reviews”?!

Also could you please tell how to change the style of “Deal Products Carousel” in “Home v4” to be like the style in “Home v1” for example.

Hello again,

Thank you for getting back. The link loads maintenance mode.

If you are having 2 tabs, it is most likely that it is coming from a third-party plugin. Can you please de-activate all third-party plugins to test this.

You’ll have to use a WP Bakery Page Builder element to use Home v1 block in Home v4. https://docs.madrasthemes.com/electro/topics/visual-composer-elements/electro-onsale-product/

Please note it is not a carousel but a single product only.

Hope this helps. Let us know if you have any other questions or need further help.

Thanks, Ibrahim

Hello,

Sorry, I have just deactivated the maintenance mode.

again, I can’t edit or add anything in the home page by WP Bakery Page Builder, I can’t customize the home page, all settings are just available in normal editor. even for example I can’t remove the Deal Products Carousel from the Home Page also I can’t add product block. From Where I can add Blocks and how to control its places?

Hello again,

Home pages can be built using Page Template or page builders ( you can use WP Bakery Page Builder or Elementor ). We’ve documented it here : https://docs.madrasthemes.com/electro/topics/set-up-pages/home-v4/

If you want to use WP Bakery Page Builder, you can simply paste this code in your editor ( “Text” tab) : https://docs.madrasthemes.com/electro/topics/set-up-pages/home-v4/via-visual-composer/#home-v4-vc-code

Please check the home page options and make sure that you’ve enabled “Page Content”. Ref : https://docs.madrasthemes.com/electro/topics/troubleshooting/home-pages/visual-composer-does-not-work-with-home-pages/

You can uncheck the other blocks if do not wish to load them as well.

Hope this helps. Let us know if you have any other questions or need further help.

Thanks, Ibrahim

Hello again,

From the link I see that you are using extended view. In extended via all tabs are laid out separately instead of as tabs. You can change the view to normal.

If you want to have regular tabs in extended view, please add this to your child theme’s functions.php : https://gist.github.com/ibndawood/be3e83b524345c486c97d05a00f93426

Hope this helps. Let us know if you have any other questions or need further help.

Thanks, Ibrahim

Also I notice your single product image does not load. This could be due to Visual Composer.

The issue with the WPBPage Builder ( formerly Visual Composer ) not supplying the latest version of flexslider. You simply need to replace the slider in WPBPage Builder ( formerly Visual Composer ) folder with the latest flexslider file from woocommerce. Please follow this step :  

1. Copy contents of the file here : /wp-content/plugins/woocommerce/assets/js/flexslider/jquery.flexslider.min.js

2. and replace the copied content with the content of this file : /wp-content/plugins/js_composer/assets/lib/bower/flexslider/jquery.flexslider-min.js

Hope this helps. Let us know if you have any other questions or need further help.

Thanks, Ibrahim

Thank you very much for the solutions, One last issue is single product image, after i replaced the copied file, all images show up in the page without slider .. you can see the same link >>

also if you please tell how to turn on the timer in “Electro Deal and Products Tabs” because I use Visual Composer and it has no option for timer.

Please email our support and I will check the issue with the slider.

Regarding timer, Countdown timer can be enabled by scheduling your sale. Here are the instructions to schedule a sale in WooCommerce : https://www.speakinginbytes.com/2014/11/schedule-sales-woocommerce/

Hope this helps. Let us know if you have any other questions or need further help.

Thanks, Ibrahim

Hello again,

Thank you very much for support, issues have been solved but the last one “Single Product slider” not yet.

anyway I want also to ask about how to get the latest update because I have 2.2.6.

Thank you

Hello there,

Thank you for getting back. You can get the updates from your themeforest downloads page.

The theme can be updated in 3 ways :

1. Automatically : You can use Envato Market plugin to update the theme automatically. Instructions here : https://ibndawood.com/how-to-update-a-themeforest-wordpress-theme-or-a-codecanyon-wordpress-plugin/

2. Semi-Automatically : Sometimes (1) does not work. You should install this plugin : https://wordpress.org/plugins/easy-theme-and-plugin-upgrades/ , download the latest installable WP theme zip file from your Themeforest downloads page and then upload it via Appearance > Themes > Add New > Upload Theme and upload the zip file. The “easy upgrades” plugin will backup the old theme and install the new one.

3. Manually : You should download the latest installable WP theme from your themeforest downloads page, rename your current theme folder in wp-content/themes folder, unzip the downloaded WP theme from your Themeforest downloads page and upload it to wp-content/themes folder.

Please note that updating a theme will override any custom changes that you make to the parent theme. Hence we recommend using a child theme. A child theme is not meant to be updated and should contain only your custom changes. 

Hope this helps. Let us know if you have any other questions or need further help.

Thanks, Ibrahim

Please email our support with your WP admin details and FTP details, I will fix the issue for you.