[ronstone]

what is the purpose of using <picture> </picture>?

---

[ronstone]

`<div class=”container”>

<div class=”row”>
<div class=”col-md-12″>

<div class=”row”>
<div class=”col-md-6″>
<a href=”low-infeed.html”><img alt=”low-infeed palletizer” class=”img-fluid lazyload” width=”600″ height=”431″ src=”img/lazy.png” data-src=”img/Low-Infeed-palletizer-600px.png”>

</div>
<div class=”col-md-6″>
<a href=”low-infeed.html”><img alt=”low-infeed palletizer” class=”img-fluid lazyload” width=”600″ height=”431″ src=”img/lazy.png” data-src=”img/Low-Infeed-palletizer-600px.png”>

</div>
</div>
</div>

</div>

</div>

---

[ronstone]

youtube direct link works. youtube share embed iframe works. The “li” does not work <a href="https://www.youtube.com/embed/NpSanE49Ge0" class="thumb-info lightbox">. I get the error above.

---

[ronstone]

oops. sorry, having trouble with “code”. I will try again.

---

[ronstone]

If it worked for you it must be a simple fix.
The youtube direct link and the embed iframe work.
When i replace the vimeo link with the youtube share embed link in the <li> the play arrow is shown and i get the error: “An error occurred. Please try again later. (Playback ID: 3R4cNEVVcibRZM04)
Learn More” (see image link).

<ul class="portfolio-list sort-destination lightbox" data-sort-id="portfolio" data-plugin-options='{"delegate": "a", "type": "iframe", "gallery": {"enabled": true}}'>
						
						<li class="col-md-3">
								<div class="portfolio-item img-thumbnail">
									<a href="https://www.youtube.com/embed/NpSanE49Ge0">
										<img alt="low infeed palletizer" src="https://www.toptier.com/img/video_thumb/paden2018.JPG" />
										<span class="thumb-info-title">
											<span class="thumb-info-inner">Low Infeed</span>
											<span class="thumb-info-type">Concurrent Wrap</span>
										</span>
										<span class="thumb-info-action">
											<span title="Universal" class="thumb-info-action-icon"><i class="icon icon-video-camera"></i></span>
										</span>
										
									</a>

								</div>
							</li>

-------------
<img src="https://www.toptier.com/youtube-error.png" alt="youtube error message" />

thanks

---

• This reply was modified 4 years, 5 months ago by Support2.
• This reply was modified 4 years, 5 months ago by Support2.

[ronstone]

my response is being blocked by Wordfence. It is a simple response. thanks

---

[ronstone]

The above works. Progress!
1) video is complex
2) I had multiple videos embedded as a lightbox using ul and li with vimeo. these worked just fine but were not being indexed by google, hence all the above issues moving the videos to youtube, submitting video sitemaps, etc.

The remaining issue is that from google best practices and other sources “google can only find videos if videos are identified in the page by the presence of an HTML tag, for example: <video>, <embed>, or <object>”.

Thanks to you i now have a lightbox solution that will work with youtube. However, we are not using the above html tags. I dont want re-code all the videos if google will not index them. I would appreciate your thoughts.

The bottom 2 lightbox elements are youtube. Loop works. Autoplay does not work, but that is not critical.

thanks

---

[ronstone]

ignore the 8243 above

---

[ronstone]

ignore ″ above.

---

[ronstone]

custom.css updated.
Various combinations of ul and li code perform differently. The outcomes are difficult to describe.
If this ul
ul class=”portfolio-list sort-destination lightbox” data-sort-id=”portfolio” data-plugin-options='{“delegate”: “a”, “type”: “iframe”, “gallery”: {“enabled”: true}}’
is replaced with
ul class=”portfolio-list sort-destination” data-sort-id=”portfolio”
the video plays full screen.

showinfo is depricated. loop does not work. controls works. Autoplay does not work. Autoplay can work in v3.5 because your video above does autostart but not with ?rel=0. i am using the video url, not the embed url, which does not work:
a href=”https://www.youtube.com/watch?v=z_iP_MUttOo?rel=0&loop=1&controls=1&showinfo=0&autoplay=1&#8243; class=”thumb-info custom-lightbox-youtube”

The only scenario where ?rel=0 works is the with the original ul and the url above. ?rel=0 is critical. I will forego autostart (autoplay) unless you have suggestions.

vimeo was much easier to control. ?rel=0 is why i used vimeo in the first place.

thanks

---

[ronstone]

custom.css updated.
Various combinations of <ul> and <li> code perform differently. The outcomes are difficult to describe.
If this ul
<ul class="portfolio-list sort-destination lightbox" data-sort-id="portfolio" data-plugin-options='{"delegate": "a", "type": "iframe", "gallery": {"enabled": true}}'>
is replaced with
<ul class="portfolio-list sort-destination" data-sort-id="portfolio">
the video plays full screen.

showinfo is depricated. loop does not work. controls works. Autoplay does not work. Autoplay can work in v3.5 because your video above does autostart but not with ?rel=0. i am using the video url, not the embed url, which does not work:

The only scenario where ?rel=0 works is the with the original ul and the url above. ?rel=0 is critical. I will forego autostart (autoplay) unless you have suggestions.

vimeo was much easier to control. ?rel=0 is why i used vimeo in the first place.

thanks

---

• This reply was modified 5 years, 1 month ago by Support2.

[ronstone]

i’d like to remove the title bar as well. Any help appreciated.

---

[ronstone]

urg!!!! vimeo worked better. Ive been googling instructions for hours. can you tell me how you got your video to autostart? Also, some videos have the youtube branding removed. Ideas?

thanks

---

[ronstone]

Sure!
I have used vimeo for 14 years and not once is any vimeo video listed in a serp. I give up and will have to move them all to youtube.
thanks Rodrigo
you guys are the best

---

[ronstone]

---

[ronstone]

please let me know where you found the video link in youtube. when i first tried this i used “video link” url in youtube, I also tried the “embed” url without the iframe. neither work.
video link: https://youtu.be/z_iP_MUttOo

---

[ronstone]

yes. clearing cache did the trick.

You guys are the best.

---

[ronstone]

This works perfectly on my local desktop in chrome, but but does not work on the server in chrome. The code does work on the server in firefox and internet explorer. Chrome is the issue. see /compact.html

thanks

---

[ronstone]

this works perfectly on the local desktop but does not work when loaded on the server. On the server the button is displayed below the footer and the scroll-to-top is displayed. multiple browsers used. you are welcome to examine the url toptier dot com.
thanks

---

[ronstone]

Would it be possible to remove the top-of-page element?
Is there any control over the background and text color of the button?

thanks

---

[ronstone]

i was thinking something along the lines of the current top-of-page button in the footer. A small button that floats on the right side. thanks

---

[ronstone]

<div class="portfolio-item img-thumbnail">
	<a href="https://vimeo.com/119055926" class="thumb-info lightbox">
		<img alt="palletizer concurrent wrapping" class="img-responsive" src="img/video_thumb/wrap_proactive_play.jpg">
		<span class="thumb-info-title">
			<span class="thumb-info-inner">Proactive Wrapping</span>
			<span class="thumb-info-type">Standard with Wrap Option</span>
		</span>
		<span class="thumb-info-action">
			<span title="Universal" class="thumb-info-action-icon"><i class="icon icon-video-camera"></i></span>
		</span>
		
	</a>
	<span class="thumb-info-caption">
		<p>Film dispensing is based on load size and load position so that film stretch is proactive rather than reactive. Higher film pre-stretch is achieved with improved reliability and load containment. Available in medium and higher speed configurations.<br><a href="https://vimeo.com/119055926" class="thumb-info lightbox">Play Video</a>  </p>

	</span>
</div>

---

[ronstone]

<div class=”portfolio-item img-thumbnail”>


<span class=”thumb-info-title”>
<span class=”thumb-info-inner”>Proactive Wrapping</span>
<span class=”thumb-info-type”>Standard with Wrap Option</span>
</span>
<span class=”thumb-info-action”>
<span title=”Universal” class=”thumb-info-action-icon”><i class=”icon icon-video-camera”></i></span>
</span>

<span class=”thumb-info-caption”>
<p>Film dispensing is based on load size and load position so that film stretch is proactive rather than reactive. Higher film pre-stretch is achieved with improved reliability and load containment. Available in medium and higher speed configurations.<br>Play Video </p>

</span>
</div>`

---

[ronstone]

i had the good sense to find such a great template early in its history. Congratulations on your success. I have another site with a newer version and have learned not to mix versions and suffer unintended consequences. When i need to start a new site i will look at ezy.

captions are not critical. thanks

---

[ronstone]

Rodrigo…

Works great. Would it be too much trouble to add captions? Not critical.

thanks
Ron

---

[ronstone]

perfect. this will work fine. thanks

---

[ronstone]

Rodrigo…

Great! I have lots of these type of pages, and they are a mess. Note that all the zoomable thumbnail images are at the end of the text at the bottom of the page. What I would like to do is embed them in the body of the text.
https://www.flostor.com/case-studies/bronco.html
with your recent code: https://www.flostor.com/case-studies/bronco-test.html

text separation can be “p” or “brbr”, it doesnt matter.

When I embed the images I would likely make them a bit smaller. Captions and borders are nice but not critical. magnifying glass is ok, or just a plus sign within the image.

I just cant find any examples.

thanks

---

[ronstone]

Well…. Im not getting anywhere. Surely there is a a way to insert 4 images (device1-tn.jpg, device2-tn.jpg, etc) that wrap, pull left and right, and zoom in a long article full of “p’s”. See porto/page-full-width.html, but with 4 images. Is it that difficult?

---

[ronstone]

Rodrigo…

Even with my older version (2014) there must be a way to insert a number of thumbnail images that pull left or right and wrap and zoom. A typical magazine layout. See porto/page-full-width.html, where the thumbnail is [img class=”pull-left” width=”300″ height=”211″ src=”img/device.png”]. Of course, the image device.png doesnt zoom. A caption would be nice, but not essential. its just a popup, yes?

Sorry i havent been able to understand your previous examples. This would save me a lot of time. If i have to break the page down into a multiple div’s the page is going to the full of gaps.

thanks

---

[ronstone]

got it. my version may be too old. The images dont wrap and dont zoom and dont pull left or right.

---

[ronstone]

Sorry, I dont understand this.
I have a body of text with 8 paragraphs [br><br] and I want to insert 3 thumbnail images (pull left or pull right) and have each zoom. I have tried your example but i dont understand it so im not getting anywhere.

Ron

---

[ronstone]

email is not hosted by either server. smtp is setup for both, and configs are identical. the non-working site is on a newer version of the OS, and it could be a security issue. any debug ideas would be appreciated. meantime, i will get it running with formspree.

thanks

---

[ronstone]

xenu behaves as if* there are infinite pages

---

[ronstone]

no reference to recursive in screaming frog. there is a free version if you want to take a look; the free version stops at 500. t*****r.com has around 30 pages.

did you note that xenu behaves as is there are infinite pages. ive had this issue since i began with porto… the link checkers i am familiar with all misbehave w porto. at least you have referred me to one that reports accurately. i could still use help w screaming frog, which is commonly used by all seo pros.

i would like to try to understand why the spiders are looking for http://t*****r.com/vendor/vendor/innovation.html, and 59,000 other pages related to vendor

---

[ronstone]

when using xenu it reports over 30,000 bad links. same with screaming frog. screaming frog is an essential seo tool and is nearly impossible to use when all these 404s are detected. in addition, i am also concerned that the google robot might detect the 404s. there appears to be some sort of loop being created with http://www.domain.com/vendor&#8230; for example, the spider detects this url: http://t*****r.com/vendor/vendor/innovation.html. innovation.html is a valid page, but that path does not exist. i can forward a spreadsheet of these reports.

thanks for following up.

---

[ronstone]

This reply has been marked as private.

[ronstone]

Jonas*… sorry, its been quite a while since i last contacted you

---

[ronstone]

thanks

---

[ronstone]

Jonas..

Including theme.init solved the issue. however, it somehow affected the layout of the nav menu dropdowns (see toptier.com). i assume this new issue has to do with conflicts between versions. I would prefer a quick fix for this menu issue rather than having to upgrade the entire site to a newer version. thanks

---

[ronstone]

im getting the following error on toptier.com: {“response”:”error”,”message”:”The email parameter should include an email, euid, or leid key”}

html is same as flostor.com
php is same, except for api and list id
js is same

---

[ronstone]

I would welcome your accessing the server. What email address would i use to forward the login credentials to you? thanks

---

[ronstone]

the mailchimp list for both sites is “website subscribe”. what email address should i use?

---

[ronstone]

i restored the old js file at toptier.com so that at least email submit functions. flostor.com remains as above.

---

[ronstone]

both sites were working a couple months ago. i dont know what happened.

Now, both sites issuing error msg: {“response”:”error”,”message”:”The email parameter should include an email, euid, or leid key”}
flostor.com error msg issued in the pink box
toptier.com error msg issued from newsletter-subscribe.php

both sites upgraded to php 3.7.0

theme.js:
data: {
“lname”: $(“#newsletterForm #lname”).val(),
“fname”: $(“#newsletterForm #fname”).val(),
“email”: $(“#newsletterForm #email”).val()
},

---

[ronstone]

Jonas..

(flostor.com/index.html)
A new API key was applied.
PHP script is 3.7.0. + mailchimp.php.
FNAME and LNAME merge tags were deleted and re-created.
Form submission successfully populates email field, but not fname or lname.
No error message.

thanks, Ron
Congratulations on the success of Porto. You made even me look smart.

——————
script:
// Step 1 – Set the apiKey – How get your Mailchimp API KEY – http://kb.mailchimp.com/article/where-can-i-find-my-api-key
$apiKey = ‘xxxxxxxxxxxxxxxxxxxx-us9’;

// Step 2 – Set the listId – How to get your Mailchimp LIST ID – http://kb.mailchimp.com/article/how-can-i-find-my-list-id
$listId = ‘1111111111’;

// Step 3 (Optional) – Vars – More Information – http://kb.mailchimp.com/merge-tags/using/getting-started-with-merge-tags
$merge_vars = array( ‘FNAME’ => $_POST[‘fname’], ‘LNAME’ => $_POST[‘lname’] );

$MailChimp = new \Drewm\MailChimp($apiKey);

$result = $MailChimp->call(‘lists/subscribe’, array(
‘id’ => $listId,
’email’ => array(’email’=>$_POST[’email’]),
‘merge_vars’ => $mergeVars,
‘double_optin’ => false,
‘update_existing’ => true,
‘replace_interests’ => false,
‘send_welcome’ => false,
));

if (in_array(‘error’, $result)) {
$arrResult = array (‘response’=>’error’,’message’=>$result[‘error’]);
} else {
$arrResult = array (‘response’=>’success’);
}

echo json_encode($arrResult);

——————–
html
<form id=”newsletterForm” action=”php/newsletter-subscribe.php” method=”POST”>
<div class=”input-group”>
<input class=”form-control” placeholder=”First Name” name=”fname” id=”fname” type=”text”>
<input class=”form-control” placeholder=”Last Name” name=”lname” id=”lname” type=”text”>
<input class=”form-control” placeholder=”Email Address” name=”newsletterEmail” id=”newsletterEmail” type=”text”>

</div>

---

[ronstone]

MAILCHIMP:

Field label Field type Required? Visible? Put this tag in your content:
email ALWAYS ALWAYS *|EMAIL|* or *|MERGE0|*
text *|LNAME|* or *|MERGE2|* Delete
text *|FNAME|* or *|MERGE3|*

---

[ronstone]

view.contact.js added, and form submission works correctly. thanks

---

[ronstone]

I get the same report using any url: with http:// and without, with www and without, and scanning local vs external links. A scan of my local files show correct results of 299 local links. I then tried 2 different online link checkers and both detected 299 links with no errors. All pages appear to work ok. This doesnt happen on my other site, built on a newer version of Porto, same server. My primary concern is getting a penalty from google for excessive 404’s.

---

[ronstone]

I had an extra <span> line. thanks

---

[ronstone]

That was it. All is good.

thanks

---

[ronstone]

I was able to receive mail, though only if the form email address had the same domain as the server smtp account. This applies to both contact-form.php and contact-us-advanced.php. Form always indicates “Success! Your message has been sent to us.”, but only submissions from email address with server domain (directsun.com) are received. version 3.5.0

// Step 1 – Enter your email address below.
$to = ‘[email protected]’;

// Step 2 – Enable if the server requires SMTP authentication. (true/false)
$enablePHPMailer = true;

$mail->Host = ‘smtp.directsun.com’;
$mail->SMTPAuth = true;
$mail->Username = ‘[email protected]’;
$mail->Password = ‘xxxxxxx’;
//$mail->SMTPSecure = ‘tls’;

2014-12-05 15:44:13 CLIENT -> SERVER: EHLO toptier.com 2014-12-05 15:44:13 CLIENT -> SERVER: AUTH LOGIN 2014-12-05 15:44:13 CLIENT -> SERVER: cm9uLnN0b25lQGRpcmVjdHN1bi5jb20= 2014-12-05 15:44:13 CLIENT -> SERVER: bHFiSjY1NFk= 2014-12-05 15:44:13 CLIENT -> SERVER: MAIL FROM: 2014-12-05 15:44:13 CLIENT -> SERVER: RCPT TO: 2014-12-05 15:44:13 CLIENT -> SERVER: DATA 2014-12-05 15:44:18 CLIENT -> SERVER: Date: Fri, 5 Dec 2014 10:44:13 -0500 2014-12-05 15:44:18 CLIENT -> SERVER: To: [email protected] 2014-12-05 15:44:18 CLIENT -> SERVER: From: ronnie 2014-12-05 15:44:18 CLIENT -> SERVER: Reply-To: ronnie 2014-12-05 15:44:18 CLIENT -> SERVER: Subject: Option 4 2014-12-05 15:44:18 CLIENT -> SERVER: Message-ID: <[email protected]> 2014-12-05 15:44:18 CLIENT -> SERVER: X-Priority: 3 2014-12-05 15:44:18 CLIENT -> SERVER: X-Mailer: PHPMailer 5.2.9 (https://github.com/PHPMailer/PHPMailer/) 2014-12-05 15:44:18 CLIENT -> SERVER: MIME-Version: 1.0 2014-12-05 15:44:18 CLIENT -> SERVER: Content-Type: text/html; charset=UTF-8 2014-12-05 15:44:18 CLIENT -> SERVER: Content-Transfer-Encoding: 8bit 2014-12-05 15:44:18 CLIENT -> SERVER: 2014-12-05 15:44:18 CLIENT -> SERVER: Name: ronnie
2014-12-05 15:44:18 CLIENT -> SERVER: Email address: [email protected]
2014-12-05 15:44:18 CLIENT -> SERVER: Message: sdf
2014-12-05 15:44:18 CLIENT -> SERVER: Checkboxes: option2
2014-12-05 15:44:18 CLIENT -> SERVER: Radios: option2
2014-12-05 15:44:18 CLIENT -> SERVER: 2014-12-05 15:44:18 CLIENT -> SERVER: . 2014-12-05 15:44:18 CLIENT -> SERVER: QUIT

---

[ronstone]

Jonas.. Do I need to overwrite contact-form.php with the code from contact-us-advanced.php?

thanks

---

[ronstone]

I have disabled the form fields in http://toptier.com/contact-us.html until this is resolved. You can view the source code.

---

[ronstone]

I have set these parameters:
$mail->Host = ‘smtp.di
$mail->SMTPAuth = true
$mail->Username = ‘ron
$mail->Password = ‘lqb
//$mail->SMTPSecure =

---

[ronstone]

of course, and I knew that.

thanks

---

[ronstone]

I tried a new key before contacting you, without success.

---

[ronstone]

http://flostor.com/new/capture2.png
http://flostor.com/new/capture3.png
http://flostor.com/new/capture.png

---

[Author]

Posts