SP Property Error
Manuel
Hi, I was starting to configurate the Extension and the template. Right now I become this error on the frontend. https://prnt.sc/1vqeifj
I dont know what I was doing wrong. First I was deleting the demo Agents and create an new. Second I rename a few categories Third I was changing the id's in property features to the actuall user.
Then I put logos and sticky icon on the template. after that I was doing in Pagebuilder - Home a few fotos for the slideshow in. I renew the frontend site then was coming this.
Please Help Best Regards Manuel
Toufiq
Accepted AnswerThis addon was made for specific template. if you want to use slideshow addon you can use the slideshow addon instead of fullwidth slideshow addon. Thanks
Toufiq
Accepted AnswerHi there,
Thanks for contacting us. Sorry for the inconvenience. I have replaced this code with your existing fullwidth_slider site.php file.
templates/shaper_estate/sppagebuilder/addons/fullwidth_slider/site.php
<?php
/**
* @package Estate
* @author JoomShaper www.joomshaper.com
* @copyright Copyright (c) 2010 - 2018 JoomShaper
* @license www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later
*/
//no direct accees
defined('_JEXEC') or die('resticted access');
class SppagebuilderAddonFullwidth_slider extends SppagebuilderAddons {
public function render() {
$autoplay = (isset($this->addon->settings->autoplay) && $this->addon->settings->autoplay) ? $this->addon->settings->autoplay : '';
$controllers = (isset($this->addon->settings->controllers) && $this->addon->settings->controllers) ? $this->addon->settings->controllers : '';
$arrows = (isset($this->addon->settings->arrows) && $this->addon->settings->arrows) ? $this->addon->settings->arrows : '';
$class = (isset($this->addon->settings->class) && $this->addon->settings->class) ? $this->addon->settings->class : '';
//Check Auto Play
$slide_autoplay = ($autoplay) ? 'data-sppb-slide-ride="true"' : '';
$slide_controllers = ($controllers) ? 'data-sppb-fullwidth-slider-controllers="true"' : '';
//output
$output = '<div class="sppb-addon sppb-fullwidth-slider ' . $class . '">';
$output .= '<div class="sppb-fullwidth-slider-wrap">';
$output .= '<div id="sppb-fullwidth-slider" class="owl-carousel" ' . $slide_controllers . ' ' . $slide_autoplay . ' >';
foreach ($this->addon->settings->sp_fullwidth_slider_item as $key => $slide_item) {
$src = "";
if (isset($slide_item->bg)) {
if (is_object($slide_item->bg)) {
$src = $slide_item->bg->src;
} elseif (is_string($slide_item->bg)) {
$src = $slide_item->bg;
}
}
$bg_image = "";
// if have bg then add class
$bg_image = !empty($src) ? 'style="background-image: url('/ . JURI::base() . $src . ');"' : '';
// *** animation *** //
// Subtitle animation
$subtitle_animation = '';
if (isset($slide_item->subtitle_animation) && $slide_item->subtitle_animation) {
$slide_item->subtitle_animation .= ' sppb-wow ' . $slide_item->subtitle_animation;
}
$subtitle_data_attr = '';
if (isset($slide_item->subtitle_animationduration) && $slide_item->subtitle_animationduration)
$subtitle_data_attr .= ' data-sppb-wow-duration="' . $slide_item->subtitle_animationduration . 'ms"';
if (isset($slide_item->subtitle_animationdelay) && $slide_item->subtitle_animationdelay)
$subtitle_data_attr .= ' data-sppb-wow-delay="' . $slide_item->subtitle_animationdelay . 'ms"';
// Title animation
$title_animation = '';
if (isset($slide_item->title_animation) && $slide_item->title_animation) {
$slide_item->title_animation .= ' sppb-wow ' . $slide_item->title_animation;
}
$title_data_attr = '';
if (isset($slide_item->title_animationduration) && $slide_item->title_animationduration)
$title_data_attr .= ' data-sppb-wow-duration="' . $slide_item->title_animationduration . 'ms"';
if (isset($slide_item->title_animationdelay) && $slide_item->title_animationdelay)
$title_data_attr .= ' data-sppb-wow-delay="' . $slide_item->title_animationdelay . 'ms"';
// content animation
if (isset($slide_item->content_animation) && $slide_item->content_animation) {
$slide_item->content_animation .= ' sppb-wow ' . $slide_item->content_animation;
}
$content_data_attr = '';
if (isset($slide_item->content_animationduration) && $slide_item->content_animationduration)
$content_data_attr .= ' data-sppb-wow-duration="' . $slide_item->content_animationduration . 'ms"';
if (isset($slide_item->content_animationdelay) && $slide_item->content_animationdelay)
$content_data_attr .= ' data-sppb-wow-delay="' . $slide_item->content_animationdelay . 'ms"';
// Button animation
if (isset($slide_item->button_animation) && $slide_item->button_animation) {
$slide_item->button_animation .= ' sppb-wow ' . $slide_item->button_animation;
}
$button_data_attr = '';
if (isset($slide_item->button_animationduration) && $slide_item->button_animationduration)
$button_data_attr .= ' data-sppb-wow-duration="' . $slide_item->button_animationduration . 'ms"';
if (isset($slide_item->button_animationdelay) && $slide_item->button_animationdelay)
$button_data_attr .= ' data-sppb-wow-delay="' . $slide_item->button_animationdelay . 'ms"';
// Before button icon
$button_before_icon = (isset($slide_item->button_before_icon) && $slide_item->button_before_icon) ? '<i class="fa ' . $slide_item->button_before_icon . '"></i>' : '';
$output .= '<div class="sppb-fullwidth-slider-item item">';
$output .= '<div class="sppb-fullwidth-slider-item-bg" ' . $bg_image . '>';
$output .= '<div class="container">';
$output .= '<div class="sppb-fullwidth-slider-item-text">';
$output .= '<div class="sppb-fullwidth-slider-item-text-wrap">';
if (($slide_item->title) || ($slide_item->content) || ($slide_item->sub_title)) {
$subtitle_animation = (isset($slide_item->subtitle_animation)) ? $slide_item->subtitle_animation : '';
$title_animation = (isset($slide_item->title_animation)) ? $slide_item->title_animation : '';
$button_target = (isset($slide_item->target)) ? $slide_item->target : '';
$content_animation = (isset($slide_item->content_animation)) ? $slide_item->content_animation : '';
$button_animation = (isset($slide_item->button_animation)) ? $slide_item->button_animation : '';
$button_text = (isset($slide_item->button_text)) ? $slide_item->button_text : '';
if ($slide_item->sub_title) {
$output .= '<h3 class="sppb-fullwidth-slider-sub-title ' . $subtitle_animation . '" ' . $subtitle_data_attr . '>' . $slide_item->sub_title . '</h3>';
}
if($slide_item->title){
$output .= '<h4 class="sppb-fullwidth-slider-title ' . $title_animation . '" ' . $title_data_attr . '>' . $slide_item->title . ' </h4>';
}
if ($slide_item->content) {
$output .= '<p class="details ' . $content_animation . '" ' . $content_data_attr . '><i class="fa fa-map-marker"></i>' . $slide_item->content . '</p>';
}
if (($button_text && $slide_item->button_url)) {
$output .= '<div class="sppb-fw-slider-button-wrapper ' . $button_animation . '" ' . $button_data_attr . '> ';
if ($slide_item->button_text && $slide_item->button_url) {
$output .= '<a target="' . $button_target . '" href="' . $slide_item->button_url . '" class="sppb-btn sppb-btn-primary"><span>' . $button_text . '</span>' . $button_before_icon . '</a>';
}
$output .= '</div>';
}
}
$output .= '</div>'; // END:: /.sppb-fullwidth-slider-item-text
$output .= '</div>'; // END:: /.sppb-fullwidth-slider-item-text
$output .= '</div>'; // END:: /.container
$output .= '</div>'; // END:: /.sppb-fullwidth-slider-item-bg
$output .= '</div>'; // END:: /.sppb-fullwidth-slider-item
}
$output .= '</div>'; //END:: /.sppb-slider-items
// has next/previous arrows
if ($arrows) {
$output .= '<div class="customNavigation">';
$output .= '<a class="sppbSlidePrev"><i class="fa fa-chevron-left"></i></a>';
$output .= '<a class="sppbSlideNext"><i class="fa fa-chevron-right"></i></a>';
$output .= '</div>'; // END:: /.customNavigation
}
$output .= '</div>'; // END:: /.sppb-fullwidth-slider-wrap
$output .= '</div>'; // /.sppb-fullwidth-slider
// has dot controls
if ($controllers) {
$output .= '<div class="owl-dots">';
$output .= '<div class="owl-dot active"><span></span></div>';
$output .= '<div class="owl-dot"><span></span></div>';
$output .= '<div class="owl-dot"><span></span></div>';
$output .= '</div>';
}
return $output;
}
public function scripts() {
$app = JFactory::getApplication();
$base_path = JURI::base() . '/templates/' . $app->getTemplate() . '/js/';
return array($base_path . 'owl.carousel.min.js', $base_path . 'addon.slider.js');
}
public function js() {
$addon_id = '#sppb-addon-' . $this->addon->id;
return '
jQuery(document).ready(function($){"use strict";
var $slideFullwidth = $("' . $addon_id . ' #sppb-fullwidth-slider");
var $autoplay = $slideFullwidth.attr("data-sppb-slide-ride");
if ($autoplay == "true") { var $autoplay = true; } else { var $autoplay = false};
var $controllers = $slideFullwidth.attr("data-sppb-fullwidth-slider-controllers");
if ($controllers == "true") { var $controllers = true; } else { var $controllers = false};
$slideFullwidth.owlCarousel({
margin: 0,
loop: true,
video:true,
autoplay: $autoplay,
animateIn: "fadeIn",
animateOut: "fadeOut",
autoplayHoverPause: true,
autoplaySpeed: 1500,
responsive: {
0: {
items: 1
},
600: {
items: 1
},
1000: {
items: 1
}
},
dots: $controllers,
});
$(".sppbSlidePrev").click(function(){
$slideFullwidth.trigger("prev.owl.carousel", [400]);
});
$(".sppbSlideNext").click(function(){
$slideFullwidth.trigger("next.owl.carousel",[400]);
});
});
';
}
public function stylesheets() {
$app = JFactory::getApplication();
$base_path = JURI::base() . '/templates/' . $app->getTemplate() . '/css/';
return array($base_path . 'owl.carousel.css');
}
public static function getTemplate() {
$output = '
<style type="text/css">
<# _.each (data.sp_fullwidth_slider_item, function(slide_item, item_key) { #>
#sppb-addon-{{ data.id }} .item-{{ data.id }}-{{ item_key }} .sppb-fullwidth-slider-item-bg{
background-image: url({{ pagebuilder_base + slide_item.bg }});
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
<# }); #>
</style>
<#
var autoplay = (typeof data.autoplay !=="undefined") ? data.autoplay : 0;
var controllers = (typeof data.controllers !=="undefined") ? data.controllers : 0;
var arrows = (typeof data.arrows !=="undefined") ? data.arrows : 0;
var contentClass = (!_.isEmpty(data.class)) ? data.class : "";
var slide_autoplay = (autoplay>0) ? \'data-sppb-slide-ride="true"\' : \'data-sppb-slide-ride="false"\';
var slide_controllers = (controllers > 0) ? \'data-sppb-fullwidth-slider-controllers="true"\' : \'data-sppb-fullwidth-slider-controllers="false"\';
#>
<div class="sppb-addon sppb-fullwidth-slider {{contentClass}}">
<div class="sppb-fullwidth-slider-wrap">
<div id="sppb-fullwidth-slider" class="owl-carousel" {{slide_controllers}} {{slide_autoplay}} >
<#_.each (data.sp_fullwidth_slider_item, function(slide_item, item_key) {
var title_animation = "";
if (!_.isEmpty(slide_item.title_animation)) {
title_animation += \' sppb-wow \' + slide_item.title_animation;
}
var title_data_attr = "";
if (!_.isEmpty(slide_item.title_animationduration)){
title_data_attr += \' data-sppb-wow-duration="\' + slide_item.title_animationduration + \'ms"\';
}
if (!_.isEmpty(slide_item.title_animationdelay)){
title_data_attr += \' data-sppb-wow-delay="\' + slide_item.title_animationdelay + \'ms"\';
}
var subtitle_animation = "";
if (!_.isEmpty(slide_item.subtitle_animation)) {
subtitle_animation += \' sppb-wow \' + slide_item.subtitle_animation;
}
var subtitle_data_attr = "";
if (!_.isEmpty(slide_item.subtitle_animationduration)){
subtitle_data_attr += \' data-sppb-wow-duration="\' + slide_item.subtitle_animationduration + \'ms"\';
}
if (!_.isEmpty(slide_item.subtitle_animationdelay)){
subtitle_data_attr += \' data-sppb-wow-delay="\' + slide_item.subtitle_animationdelay + \'ms"\';
}
var content_animation ="";
if (!_.isEmpty(slide_item.content_animation)) {
content_animation += \' sppb-wow \' + slide_item.content_animation;
}
var content_data_attr = "";
if (!_.isEmpty(slide_item.content_animationduration)){
content_data_attr += \' data-sppb-wow-duration="\' + slide_item.content_animationduration + \'ms"\';
}
if (!_.isEmpty(slide_item.content_animationdelay)){
content_data_attr += \' data-sppb-wow-delay="\' + slide_item.content_animationdelay + \'ms"\';
}
var button_animation ="";
if (!_.isEmpty(slide_item.button_animation)) {
button_animation += \' sppb-wow \' + slide_item.button_animation;
}
var button_data_attr = "";
if (!_.isEmpty(slide_item.button_animationduration)){
button_data_attr += \' data-sppb-wow-duration="\' + slide_item.button_animationduration + \'ms"\';
}
if (!_.isEmpty(slide_item.button_animationdelay)){
button_data_attr += \' data-sppb-wow-delay="\' + slide_item.button_animationdelay + \'ms"\';
}
var button_before_icon = (!_.isEmpty(slide_item.button_before_icon)) ? \'<i class="fa \' + slide_item.button_before_icon + \'"></i>\' : "";
#>
<div class="sppb-fullwidth-slider-item item-{{ data.id }}-{{ item_key }}">
<div class="sppb-slide-item-bg sppb-fullwidth-slider-item-bg" {{data.bg_image}}>
<div class="container">
<div class="sppb-fullwidth-slider-item-text">
<div class="sppb-fullwidth-slider-item-text-wrap">
<# if ((slide_item.title) || (slide_item.sub_title) || (slide_item.content)) {
if (slide_item.sub_title) { #>
<h3 class="sppb-fullwidth-slider-sub-title {{subtitle_animation}}" {{{subtitle_data_attr}}}>{{{slide_item.sub_title}}}</h3>
<# }
if (slide_item.title) { #>
<h4 class="sppb-fullwidth-slider-title {{title_animation}}" {{{title_data_attr}}}>{{{slide_item.title}}}</h4>
<# }
if (slide_item.content) {
#>
<p class="details {{content_animation}}" {{{content_data_attr}}}><i class="fa fa-map-marker"></i>{{{slide_item.content}}}</p>
<# }
if ((slide_item.button_text && slide_item.button_url)) {
#>
<div class="sppb-fw-slider-button-wrapper {{button_animation}}" {{{button_data_attr}}}>
<# if (slide_item.button_text && slide_item.button_url) { #>
<a target="{{slide_item.target}}" href="/{{slide_item.button_url}}" class="sppb-btn sppb-btn-primary"><span>{{slide_item.button_text}}</span> {{{button_before_icon}}}</a>
<# } #>
</div>
<# } #>
<# } #>
</div>
</div>
</div>
</div>
</div>
<# }) #>
</div>
<# if (arrows > 0) { #>
<div class="customNavigation">
<a class="sppbSlidePrev"><i class="fa fa-angle-left"></i></a>
<a class="sppbSlideNext"><i class="fa fa-angle-right"></i></a>
</div>
<# } #>
</div>
</div>
<# if (slide_controllers) { #>
<div class="owl-dots">
<div class="owl-dot active"><span></span></div>
<div class="owl-dot"><span></span></div>
<div class="owl-dot"><span></span></div>
</div>
<# } #>
';
return $output;
}
}
-Thanks
Manuel
Accepted AnswerHi, but why something was wrong in the code? From where that comes. Because we was changing nothing inside the code. Comes that error with the Quickstart package?
Best Regards Manuel
Manuel
Accepted AnswerOk, I can open it again. Thank you. But I think after you was doing the code inside the change a few another things. Can you check the SP Pagebuilder site "Home" on the frontend. The examples Properties are not there anymore.
Regards Manuel
Toufiq
Accepted AnswerOr restore the backup from this file
https://drive.google.com/file/d/16fMwHR2ZAa3yctnP5rn7zm6YlwB7ijQj/view
Manuel
Accepted AnswerWith the backup file comes again this error: https://prnt.sc/1vzwfy2
Manuel
Accepted AnswerHi, Looks like that is working there. Great. Was it an issue of the extension?
Manuel
Accepted AnswerSo maybe you install it on our server and recheck all. Maybe the errors comes only when its on a real server online.
Thank you
Toufiq
Accepted AnswerHi, Looks like that is working there. Great. Was it an issue of the extension? No. It was .htaccess file issue
Manuel
Accepted AnswerSo when I become a new backup file of that then I can try it again or you want to do it for be sure? because with the old backup file from you was coming the "Object of class stdClass could not be converted to string" error back
Manuel
Accepted Answerok but which is the directions from where I can move it? where you was trying it? you was changing some php? because now the old site of readyfordr.com not works
Manuel
Accepted AnswerOk, I have all and it works. Now I can start with the next steps. Sure I will write you more often here for understand all. Because the extension and all configurations of modules and all not looks so easy.
I have directly on question mor for the moment. The slideshow here, I was doing images inside but every image looks like 1 1/2. Is that a problem of my image or of some configuration? https://prnt.sc/1w4cz96
There is an ACTUALLY manual for the extension and the template? Thanks
Manuel
Accepted AnswerSo what is the minimum size what the have be, because all are over 1200px or you mean to fix it in the slideshow configurations?
Why I cant see the images when I use the frontend editor? https://prnt.sc/1w4hakp
Looks like that is a issue with the Slideshow, because my images are big enough and on the Slideshow addon here on the frontend editor the not show me the images. On my another side it works. https://zeiler-altstadt-weinfest.com/NEU/rebsorten/weissweine/grauer-burgunder
Looks like that is a different slideshow addon
Thanks
Toufiq
Accepted AnswerPlease check the image size
https://demo.joomshaper.com/2018/estate/images/2018/11/01/slider01.jpg
Manuel
Accepted AnswerHi Toufig, I was checking the demo size, but there image size change automaticly on the desktop size. On the bestsosuarealestate not. I was doing a demoslideshow with the same images and was working here. https://zeiler-altstadt-weinfest.com/NEU/rebsorten/weissweine/grauer-burgunder
Is like a different slideshow addon. What is when I change the Slideshoww addon to actually slideshow addon? Gives that Problems with the property extension and the template?
Thanks
Manuel
Accepted AnswerOk looks good, so what you was doing? you resize the fotos or you change the addon?
When you can explain me that with Screenshots what you was doing.