[alexwright]

I’m inserting the shortcode like this, via the PageBuilder:


[spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" el_class="clearfix" width="1/1" el_position="first last"]

[BirdEyePluginShort-RoundRock]

[/spb_text_block]


[alexwright]

I know it’s been a while, but I’m curious if your dev team made progress on not linking to a new tab from links in the pop-up over map pins in the directory. It looks like you did remove the target=”_blank” from the directory excerpt links and image, which is awesome! But the link in the pop-up over the map pin still opens in an external tab 🙁

It used to be around here (my notes are a version or two back) : uplift > js > functions.js roughly on line 5862.

Thanks!

-Alex

[alexwright]

Okay, thanks for this. Feel free to mark this ticket as resolved.

Best,

-Alex

[alexwright]

Thanks! I’ll be interested to hear more about this. The staging server shows the issue as described in this ticket, and you should have login credentials with Editor permissions.

Best,

-Alex

[alexwright]

That’s what I’ve done. Did you not get that screenshot? Attached again. It doesn’t work as the code wraps whatever columns are next to each other in the Small setup into artificial rows even though they are all in one row in the Swift Page Builder. Screenshot attached of the output HTML.

Any solution to this? I can’t imagine I’m the only one that wants to put multiple columns in one row with multiple sizes for display as different grid setups on different screen sizes.

Thanks!

-Alex

Attachments:

You must be logged in to view attached files.

[alexwright]

Hey I know I’m not supposed to reply to old tickets as it buries the ticket further back in the queue. But it seems this ticket has been buried as it stands.

Do you know of any resolution to the issue of Gravity Forms not being sent via AJAX?

THANKS!

-Alex

[alexwright]

Perfect. That did the trick. Thanks!

[alexwright]

I’m on Chrome + Mac. I see it, too, with Safari on Mac as well as Firefox on Mac (shudder). It’s literally not possible to click on the item in the “Sale EV Chargers” in the “Charging Stations” dropdown menu because the active link is coming from the ~600px wide span of the links in the column to the left.

Did you check out the screenshot from Crome on Mac dev tools?

THANKS!

-Alex

[alexwright]

The Raw HTML block did the trick. Thanks! I was thinking of the Code Block which then outputs the raw code.

Weird that the text block re-writes the code but all’s well that ends well.

THANKS again for being so helpful. Feel free to mark this ticket as resolved.

-Alex

[alexwright]

Yes but that just outputs the raw HTML like if you wanted to show someone code. But maybe I’m missing something here.

[alexwright]

I got this to work It’s a bit cumbersome because the HTML isn’t inside any shortcode so it gets glitched up when re-ordering the page. But it works :

[spb_row element_name="Electrify Your Ride" wrap_type="standard-width" row_bg_type="color" color_row_height="content-height" bg_type="cover" parallax_image_height="content-height" parallax_image_movement="fixed" parallax_image_speed="standard" bg_video_loop="yes" parallax_video_height="window-height" row_id="electrify-your-ride" row_name="Electrify Your Ride" row_top_style="none" row_bottom_style="none" parallax_video_overlay="none" row_overlay_opacity="0" remove_element_spacing="no" row_col_spacing="0" row_col_pos="default" row_col_equal_heights="no" row_expanding="no" row_animation="none" row_animation_delay="0" minimize_row="no" simplified_controls="yes" custom_css_percentage="no" custom_css="margin-top: 0px;margin-bottom: 0px;" border_styling_global="default" width="1/1" el_position="first last"] [spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" width="1/1" el_position="first last"]
<h2>Electrify Your Ride</h2>
[/spb_text_block]

<video autoplay loop muted playsinline poster="/wp-content/uploads/2017/01/AdobeStock_113604337_Video_HD_WM.jpg" class="fullscreen-video">
	<source src="/wp-content/uploads/2017/01/AdobeStock_113604337_Video_HD_WM.mp4" type="video/mp4">
	<source src="/wp-content/uploads/2017/01/AdobeStock_113604337_Video_HD_WM.webm" type="video/webm">
	<img src="/wp-content/uploads/2017/01/AdobeStock_113604337_Video_HD_WM.jpg" title="Your browser does not support the video tag">
</video>

[spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" width="1/1" el_position="first last"]

Some short body copy about Electrify Your Ride. Shoudn't be too long.

Vix vide fieriest tractates ut. Efficiantur necessitatibus eos ei, magna nemore labores ei pro. Ne sed oratio eigendi, accuaam detracto cu vim, mei oblique bonorum constituam te. Et nec maxime utroque. Sumo adolescent qui ea, no pro vitae dolores maluisset. Maecenas ultrices viverra ligula, vel lobortis ante pulvinar sed. Doce erat magna, aliquot vitae semper vitae, accusant vel nis. Vivamus pellentesque orci sit met odio dictum eget kommod nulla consequent. Prooien iaculis trirtique nis ut eleifend. Mecenas locus purus, malesuada eu scelerisque ac, commode sed orci.

[/spb_text_block] [spb_divider type="thin" text="Go to top" top_margin="60px" bottom_margin="60px" fullwidth="no" width="1/1" el_position="first last"] [/spb_row]

Putting that HTML inside a text box doesn’t work as it gets re-written.

Maybe just an FYI at this point. You all don’t claim to support native video, so it was a hack anyways.

THANKS!

[alexwright]

Thanks for looking into this.

It’s definitely something to do with Swift Page Builder. When I input this in a text box :

<video autoplay loop muted playsinline poster="/wp-content/uploads/2017/01/AdobeStock_113604337_Video_HD_WM.jpg" class="fullscreen-video">
	<source src="/wp-content/uploads/2017/01/AdobeStock_113604337_Video_HD_WM.mp4" type="video/mp4">
	<source src="/wp-content/uploads/2017/01/AdobeStock_113604337_Video_HD_WM.webm" type="video/webm">
	<img src="/wp-content/uploads/2017/01/AdobeStock_113604337_Video_HD_WM.jpg" title="Your browser does not support the video tag">
</video>

This is what comes back :

<video class="fullscreen-video" poster="/wp-content/uploads/2017/01/AdobeStock_113604337_Video_HD_WM.jpg" autoplay="autoplay" loop="loop" muted="" width="300" height="150">
<source src="/wp-content/uploads/2017/01/AdobeStock_113604337_Video_HD_WM.mp4" type="video/mp4" />
<source src="/wp-content/uploads/2017/01/AdobeStock_113604337_Video_HD_WM.webm" type="video/webm" />
<img src="/wp-content/uploads/2017/01/AdobeStock_113604337_Video_HD_WM.jpg" title="Your browser does not support the video tag" />
</video>

So something is re-writing that code, as the width and hight attributes are getting added, and the autoplay, loop and muted attributes are being changed and the playsinline attribute is being removed altogether.

I changed themes to 2017 on the staging server : http://smartchargeam.staging.wpengine.com/drive-electric/

I can’t test with the Text Block element (as that doesn’t exist without Swift Page Builder) but putting in that raw HTML works fine – nothing in the code gets changed and the playsinline attribute remains and it plays fine on iOS10.

How can I insert raw HTML for a video tag without it being re-written using Swift Page Builder’s text block element? Maybe I’ll try turning off Swift Page Builder and adding the code not inside a text block shortcode element.

THANKS!

-Alex

[alexwright]

Thanks for looking into it further.

I’m on a local install for the demo content. The local install is pretty straightforward and also hosts a local development version of the production website with no problems. I can try to find a place to push it so that you can log in and see, but that may not be worth the effort.

Regardless, thanks for continuing to look into the issue. I’m slowly figuring out the menu setup so it’s no so urgent on my end.

Thanks!

-Alex

[alexwright]

No matter what I try, I can’t import the menus for your demo content. It’s okay, though, I’ve spent so much time trying that I need to move on.

I’ve totally de-installed and re-installed the theme fresh ~ 6 times, made sure to install and activate all plugins first, made sure to do a basic setup of WooCommerce then run the demo content importer. Everything imports perfectly except the menus. I tried importing the full xml file you sent via Dropbox. Nothing – no menu content anywhere.

I’ll get it worked out. Thanks for trying.

Best,

-Alex

[alexwright]

Will import the demo content. Thanks.

I got some of my troubles worked out with some trial and error. The issue I was facing was that Header Layouts 4 and 5 constrict the div class=”float-menu” whereas Header Layout 3 has a much wider div class=”float-menu” and the ul class=”mega-sub-menu” is then constricted to the width of the div.float-menu.

So once I figured that out, I was good to go (more or less). It looks to me like your demo content is using the Header Layout 3 without the full width header option. And that explains the width of the Max Mega Menu dropdown menus.

I will import your demo content xml.

Thanks as always for your very quick and thorough help.

Best,

-Alex