Google maps - by RamAdmin - on WordPress WooCommerce support

This topic has 20 replies, 3 voices, and was last updated 3 years, 6 months ago ago by Olga Barlow

  • Avatar: RamAdmin
    RamAdmin
    Participant
    September 21, 2020 at 17:59

    How is the Google map set up in your demo theme: https://xstore.8theme.com/demos/electronics/contact/
    set up to allow for the box on top and the color overlay?

    19 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    September 22, 2020 at 12:42

    Hello,

    We used the custom CSS to place the text over the map. You can import this page using Page Importer to check the custom classes and page custom CSS https://youtu.be/wkIKN2IyEZI

    Or provide us with WP Dashboard access and we’ll help you to implement that.

    Regards

    Avatar: RamAdmin
    RamAdmin
    Participant
    September 23, 2020 at 12:45

    Thanks, that is helpful. I imported the demo page to this page: https://staging.rampcsystems.com/contact-us
    The contact us box isn’t over the map, any thoughts on that? Also there are 2 extra class names referenced, where is that custom CSS at? I selected to import it but I don’t see it in Theme Options > Theme Custom CSS

    Could the same thing be accomplished using the default WP bakery Google Maps element? Any thoughts on the This page can’t load Google Maps correctly message? AND the For development purposes only on the map?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 24, 2020 at 08:48

    Hello,

    Please provide temporary wp-admin access, we will change the page to make it looks like the demo, then you will be edit it depends on your needs.
    Create an account via Dashboard (Users > Add new) with administrator role http://prntscr.com/s3rc9m > provide us with username and password via the Private Content area http://prntscr.com/s5mao7 You can use any email for it.

    You need add API key – https://prnt.sc/umx87a https://docs.brainstormforce.com/how-to-create-google-api-key-in-order-to-make-the-google-map-element-work/

    Regards

    Avatar: RamAdmin
    RamAdmin
    Participant
    September 24, 2020 at 15:26

    Ok, account set up for you. I imported another page as well:
    https://staging.rampcsystems.com/2177-2 that I would like to look like: https://xstore.8theme.com/demos/landing-watch/

    I would really appreciate it if you would let me know what changes you are making and if anything is added to the site, custom code and/or plug-ins.
    Thank you.

    Please contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    September 25, 2020 at 16:04

    Hello,

    1) Check the https://staging.rampcsystems.com/contact-us page now. We have added the custom code to page CSS http://prntscr.com/unt7ts

    2) Do you want to replace all the content of the https://staging.rampcsystems.com/2177-2 page by this one https://xstore.8theme.com/demos/landing-watch/ or import in addition?

    Regards

    Avatar: RamAdmin
    RamAdmin
    Participant
    September 25, 2020 at 16:49

    The contact-us page looks good. You can do do import and replace on the 2177-2 page, I’m really just wanting to see how the slider works into the header. I’ll customize it myself more.

    Thank you!

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 26, 2020 at 09:16

    Imported. Please check.
    If you want to get this header overlap effect https://prnt.sc/uo6fg6 , go to Theme Options > Header builder > enable Header Overlap and set transparent background for the header – https://prnt.sc/uo6grw Use Multiple headers to apply these settings for a header on a particular page only – https://youtu.be/BpeXfzNwkOc

    Regards

    Avatar: RamAdmin
    RamAdmin
    Participant
    October 5, 2020 at 17:52

    The Header Builder seems like it might have some issues, for instance:
    On where do you want to display the header. I select Singular then Front page, but it doesn’t save. Next time I go in there I have to reset it and the header may or may not be displayed as it should

    Also, if editing in left customize panel, once I click Save it takes me to editing the Default header so that I have to go back into Multiple Headers and select my custom header to continue editing it.

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 6, 2020 at 11:05

    Hello,

    Yes, there is a problem with the multiple header condition in version 7.0.2. We’ll fix it in the next theme update. If you want I can downgrade theme version to 7.0.1 that works fine with conditions. Do you want to downgrade theme or wait for update (ap. 20 Oktober)?

    Regards

    Avatar: RamAdmin
    RamAdmin
    Participant
    October 6, 2020 at 15:09

    Please downgrade the theme. Thank you!

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 6, 2020 at 17:47

    Hello,

    Done.
    Check the conditions now.

    Regards

    Avatar: RamAdmin
    RamAdmin
    Participant
    October 6, 2020 at 22:13

    It’s still not working. Unable to get it to save the header for the home page at all now.

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 7, 2020 at 11:37

    Hello,

    1) I see the conditions http://prntscr.com/uuo3t5 and it works.
    2) I see my changes for the home page header, for example http://prntscr.com/uuo7su

    Regards

    Avatar: RamAdmin
    RamAdmin
    Participant
    October 19, 2020 at 19:27

    Can you do the single page import if you are using Elementor as the editor, or is that only for WP bakery?

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 20, 2020 at 13:57

    Hello,

    We don’t have full-page import for the Elementor but you can use the XStore Studio http://prntscr.com/v32if8 to import the sections of the page you like to build the full page section by section.

    Regards

    Avatar: RamAdmin
    RamAdmin
    Participant
    October 23, 2020 at 02:19

    I was looking for one to import that is like this one: https://xstore.8theme.com/demos/electronics/contact/
    Do you have code for that?
    Also where do I set to full width on map?

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 23, 2020 at 12:56

    Hello,

    We have sent template of that page to your registration email. Use it to import page to Elementor templates and then edit it according to your needs.

    Regards

    Avatar: RamAdmin
    RamAdmin
    Participant
    October 25, 2020 at 17:23

    If you look at my page: http://dev.rampcsystems.com/contact-us/

    There is a small amount of padding just below the blue breadcrumbs section on top of the map section. Where can that be adjusted. Also is the breadcrumbs section color and padding part of header? I’ve adjusted some of the breadcrumb paddings but it really didn’t seem to change anything.

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 26, 2020 at 18:41

    Hello,

    Provide us with the correct WP Dashboard access to log in and check the mentioned page.

    Regards

  • Viewing 20 results - 1 through 20 (of 20 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.