Hello,

i want to create a website with the following presentation. It would be nice if you could tell me how to implement that.

Home
Here I want to have a overview with header, footer, menu, sidebar and a couple of pictures with buttons and thus the access to the respective sites. The images should have a button in the foreground whereby I finally reach the assigned page. (for example: examlpe.url / example page).

My question is directed broadly to the implementation of the following issues. In particular, the subject of the example category.

-> Home
Here, as discussed and seen the representation by means of a header. Below the header the menu with the respective sides. On the left side just according to categories menu. At the bottom of the footer with content or assignments to certain pages / menus. In the central area of ​​the site, several pages are visually displayed by means of images, also a button in the screen which helps to get up here directly to the page.

example page
examlpe.url / example page -> some images with captions to the respective categories. The targert would be examlpe.url / example category

-> example page
Representation per se as in the home, but without header. Here in the central region, the categories represented visually with images and caption. Here you will get by clicking on the respective category then.

example category
examlpe.url / example category -> here in the sidebar then ultimately the main categories can be seen with the individual sub-categories, as soon as I have just selected one of the main categories. On this page should be seen all articles to this category page (caution: it should be no shop / e-commerce. The use of WooCommerce is not desired).

The presentation should look like, thumbnail images to the relevant articles with captions and here then a button with “request”. If one now here clicks on “request” he should be taken to a sort of “cart”, where it is the desired product to be seen. In this “cart” should be apparent the requested items and a contact form. The requested items along with their contact information to a purpose-assigned e-mail address should be made after successfully completing the form ..

-> example category
If you pick a category the left menu shall change and it will be presented with the appropriate collation here submenus. In principle, it is the parent category X and enters the child category XY.

In the central area of ​​the page as seen just here then listed articles. Here then as I approached the “basket”, with the collection in summary. Request Otherwise single product by “request” directly. Here then as addressed ultimately the “basket” with an overview of the list, and specify the contact form to fill out.

If you click on the desired product the user here now get to the page of the product with a more detailed description.

While it sounds like e-commerce, but is told it like not to be. It is only used to represent the references and simplify here directly to aks for that request or something similar. I hope you understand what I mean.

I hope you understand what I mean and want to have. For helpful informations I would be very grateful.
Thanks in advance!

Hi,

I have an issue displaying the latest news widget properly. The layout is fine, I customized it by inserting the code below in my child theme functions.php. But the image thumb looks pixellated as the code seems to force the thumbnail to have a size of 36 x 36 px, while I want it to display at a size of 80 x 80 px (print screen and link in private). Could you please help me on this?

Many thanks,
Catherine

/**
* AVIA NEWSBOX
*
* Widget that creates a list of latest news entries
*
* @package AviaFramework
* @todo replace the widget system with a dynamic one, based on config files for easier widget creation
*/

if (!class_exists(‘avia_newsbox’))
{
class avia_newsbox extends WP_Widget {

var $avia_term = ”;
var $avia_post_type = ”;
var $avia_new_query = ”;

function __construct()
{
$widget_ops = array(‘classname’ => ‘newsbox’, ‘description’ => ‘A Sidebar widget to display latest post entries in your sidebar’ );

parent::__construct( ‘newsbox’, THEMENAME.’ Latest News’, $widget_ops );
}

function widget($args, $instance)
{
global $avia_config;

extract($args, EXTR_SKIP);
echo $before_widget;

$title = empty($instance[‘title’]) ? ” : apply_filters(‘widget_title’, $instance[‘title’]);
$count = empty($instance[‘count’]) ? ” : $instance[‘count’];
$cat = empty($instance[‘cat’]) ? ” : $instance[‘cat’];
$excerpt = empty($instance[‘excerpt’]) ? ” : $instance[‘excerpt’];
$image_size = isset($avia_config[‘widget_image_size’]) ? $avia_config[‘widget_image_size’] : ‘widget’;

if ( !empty( $title ) ) { echo $before_title . $title . $after_title; };

if(empty($this->avia_term))
{
$additional_loop = new WP_Query(“cat=”.$cat.”&posts_per_page=”.$count);
}
else
{
$catarray = explode(‘,’, $cat);

if(empty($catarray[0]))
{
$new_query = array(“posts_per_page”=>$count,”post_type”=>$this->avia_post_type);
}
else
{
if($this->avia_new_query)
{
$new_query = $this->avia_new_query;
}
else
{
$new_query = array( “posts_per_page”=>$count, ‘tax_query’ => array(
array( ‘taxonomy’ => $this->avia_term,
‘field’ => ‘id’,
‘terms’ => explode(‘,’, $cat),
‘operator’ => ‘IN’)
)
);
}
}

$additional_loop = new WP_Query($new_query);
}

if($additional_loop->have_posts()) :

echo ‘<ul class=”news-wrap image_size_’.$image_size.'”>’;
while ($additional_loop->have_posts()) : $additional_loop->the_post();

$format = “”;
if(empty($this->avia_post_type)) $format = $this->avia_post_type;
if(empty($format)) $format = get_post_format();
if(empty($format)) $format = ‘standard’;

$the_id = get_the_ID();
$link = get_post_meta( $the_id ,’_portfolio_custom_link’, true) != “” ? get_post_meta( $the_id ,’_portfolio_custom_link_url’, true) : get_permalink();

echo ‘<li class=”news-content post-format-‘.$format.'”>’;

//check for preview images:
$image = “”;

if(!current_theme_supports(‘force-post-thumbnails-in-widget’))
{
$slides = avia_post_meta(get_the_ID(), ‘slideshow’, true);

if( $slides != “” && !empty( $slides[0][‘slideshow_image’] ) )
{
$image = avia_image_by_id($slides[0][‘slideshow_image’], $image_size, ‘image’);
}
}

if(current_theme_supports( ‘post-thumbnails’ ) && !$image )
{
$image = get_the_post_thumbnail( $the_id, $image_size );
}

$time_format = apply_filters( ‘avia_widget_time’, get_option(‘date_format’), ‘avia_newsbox’ );
//$time_format = apply_filters( ‘avia_widget_time’, get_option(‘date_format’).” – “.get_option(‘time_format’), ‘avia_newsbox’ );

echo ““;

if(!empty($avia_config[‘widget_image_size’]))
{
echo ““;
echo “<p class=’news-headline’>”.get_the_title().”</p>”;
echo ““;
if($time_format)
{
echo “<span class=’news-time’>”.get_the_time($time_format).”</span>”;
}

}
the_excerpt();
echo “</div>”;
}
}
echo ““;

echo ‘‘;

endwhile;
echo ““;
wp_reset_postdata();
endif;

echo $after_widget;

}

function update($new_instance, $old_instance)
{
$instance = $old_instance;
$instance[‘title’] = strip_tags($new_instance[‘title’]);
$instance[‘count’] = strip_tags($new_instance[‘count’]);
$instance[‘excerpt’] = strip_tags($new_instance[‘excerpt’]);
$instance[‘cat’] = implode(‘,’,$new_instance[‘cat’]);
return $instance;
}

function form($instance)
{
$instance = wp_parse_args( (array) $instance, array( ‘title’ => ”, ‘count’ => ”, ‘cat’ => ”, ‘excerpt’=>” ) );
$title = strip_tags($instance[‘title’]);
$count = strip_tags($instance[‘count’]);
$excerpt = strip_tags($instance[‘excerpt’]);

$elementCat = array(“name” => “Which categories should be used for the portfolio?”,
“desc” => “You can select multiple categories here”,
“id” => $this->get_field_name(‘cat’).”[]”,
“type” => “select”,
“std” => strip_tags($instance[‘cat’]),
“class” => “”,
“multiple”=>6,
“subtype” => “cat”);
//check if a different taxonomy than the default is set
if(!empty($this->avia_term))
{
$elementCat[‘taxonomy’] = $this->avia_term;
}

$html = new avia_htmlhelper();

?>
<p><label for=”<?php echo $this->get_field_id(‘title’); ?>”>Title:
<input class=”widefat” id=”<?php echo $this->get_field_id(‘title’); ?>” name=”<?php echo $this->get_field_name(‘title’); ?>” type=”text” value=”<?php echo esc_attr($title); ?>” /></label></p>

<p>
<label for=”<?php echo $this->get_field_id(‘count’); ?>”>How many entries do you want to display: </label>
<select class=”widefat” id=”<?php echo $this->get_field_id(‘count’); ?>” name=”<?php echo $this->get_field_name(‘count’); ?>”>
<?php
$list = “”;
for ($i = 1; $i <= 20; $i++ )
{
$selected = “”;
if($count == $i) $selected = ‘selected=”selected”‘;

$list .= “<option $selected value=’$i’>$i</option>”;
}
$list .= “</select>”;
echo $list;
?>

</p>

<p><label for=”<?php echo $this->get_field_id(‘cat’); ?>”>Choose the categories you want to display (multiple selection possible):
<?php echo $html->select($elementCat); ?>
</label></p>

<p>
<label for=”<?php echo $this->get_field_id(‘excerpt’); ?>”>Display title only or title & excerpt</label>
<select class=”widefat” id=”<?php echo $this->get_field_id(‘excerpt’); ?>” name=”<?php echo $this->get_field_name(‘excerpt’); ?>”>
<?php
$list = “”;
$answers = array(‘show title only’,’display title and excerpt’);
foreach ($answers as $answer)
{
$selected = “”;
if($answer == $excerpt) $selected = ‘selected=”selected”‘;

$list .= “<option $selected value=’$answer’>$answer</option>”;
}
$list .= “</select>”;
echo $list;
?>

</p>

<?php
}
}
}

Hello,
I would like to add a border to the Layerslider thumbnail container. Could you please give me the associated css class?
Many thanks.

Hello,

I can’t manage the instagram widget settings.

The size and lightbox are not working.

Thank you for your help!

• This topic was modified 10 years ago by michaelhalims.