Search Results for 'sidebar'

[Ben Ritner]

Ben Ritner

#1585

Depends on the set up of your page. You can do this: http://themes.kadencethemes.com/virtue-premium/

Just use the feature product carousel module. But if you have a sidebar it switches to 3 products per row.

Ben

[Ben Ritner]

Ben Ritner

#1538

It’s not really an option but I may look into make a widget for later. You can do it for now like this:

1. Create a new sidebar and in the theme options make that the sidebar for the shop page.

2. On the widgets page add a text widget to your new sidebar and paste this code into it.
<ul id="filters" class="clearfix option-set"><li class="postclass"><a href="#" data-filter="*" title="All" class="selected"><h5>All</h5><div class="arrow-up"></div></a></li><li class="postclass"><a href="#" data-filter=".backsplash-tiles" title="" rel="backsplash-tiles"><h5>Backsplash tiles</h5><div class="arrow-up"></div></a></li><li class="postclass"><a href="#" data-filter=".bowls" title="" rel="bowls"><h5>Bowls</h5><div class="arrow-up"></div></a></li><li class="postclass"><a href="#" data-filter=".candy-dishes" title="" rel="candy-dishes"><h5>Candy dishes</h5><div class="arrow-up"></div></a></li><li class="postclass"><a href="#" data-filter=".garden-decorations" title="" rel="garden-decorations"><h5>Garden decorations</h5><div class="arrow-up"></div></a></li><li class="postclass"><a href="#" data-filter=".large-bowls" title="" rel="large-bowls"><h5>Large bowls</h5><div class="arrow-up"></div></a></li><li class="postclass"><a href="#" data-filter=".ornaments" title="" rel="ornaments"><h5>Ornaments</h5><div class="arrow-up"></div></a></li><li class="postclass"><a href="#" data-filter=".plates" title="" rel="plates"><h5>Plates</h5><div class="arrow-up"></div></a></li><li class="postclass"><a href="#" data-filter=".ring-dishes" title="" rel="ring-dishes"><h5>Ring dishes</h5><div class="arrow-up"></div></a></li><li class="postclass"><a href="#" data-filter=".sale" title="" rel="sale"><h5>Sale</h5><div class="arrow-up"></div></a></li><li class="postclass"><a href="#" data-filter=".table-decorations" title="" rel="table-decorations"><h5>Table decorations</h5><div class="arrow-up"></div></a></li><li class="postclass"><a href="#" data-filter=".tiny-bowls" title="" rel="tiny-bowls"><h5>Tiny bowls</h5><div class="arrow-up"></div></a></li><li class="postclass"><a href="#" data-filter=".wall-hangings" title="" rel="wall-hangings"><h5>Wall hangings</h5><div class="arrow-up"></div></a></li></ul>

3. add this code to your custom css box in theme options:

.textwidget #filters, .textwidget #filters li { 
float:none;
}

Ben

[Rachel]

Rachel

#1534

I have set up my site with Virtue Premium and Woocommerce. I love the ‘rearranging’ menu that appears on top (see example – omagash.co.il) but I want to move the menu to the right sidebar, as a list. Is this possible – and if so, I would love an explanation as to how to do it.

Thank you,
Rachle

[Rachel]

Rachel

#1534

I have set up my site with Virtue Premium and Woocommerce. I love the ‘rearranging’ menu that appears on top (see example – omagash.co.il) but I want to move the menu to the right sidebar, as a list. Is this possible – and if so, I would love an explanation as to how to do it.

Thank you,
Rachle

[Ben Ritner]

Ben Ritner

#1533

I’ll write in a script to only pull 3 items if sidebar is enabled. Try and update today.

Ben

[Lance]

Lance

#1531

Hi,

I saw the options to not display the related products, is there a way to limit the # of related products it shows in the single product page? I would only like to show 3, I’m using a sidebar in the product page and its pushing the 4th related product in the next row.

Thank you.

Breezy

[Lance]

Lance

#1531

Hi,

I saw the options to not display the related products, is there a way to limit the # of related products it shows in the single product page? I would only like to show 3, I’m using a sidebar in the product page and its pushing the 4th related product in the next row.

Thank you.

Breezy

[Ben Ritner]

Ben Ritner

#1525

Are you talking about two different sidebars? you can build new sidebars in the theme options and you can assign sidebars to pages by using sidebar template or in the theme options for the shop page or in the product edit for the products.

Ben

[Ben Ritner]

Ben Ritner

#1463

Hey Kelly,
If you want to detect only mobile browsers your going to have to write the code into the header, or use the php function the theme uses if(is_mobile()). Either way most developers consider css screen width media queues as the best way to design for mobile. I would suggest that people on computers don’t browse in windows smaller than 480px and you can just target that size and lower with this media query:

@media (max-width: 480px) {
.YOURCLASS {
display: none;
}
}

Currently changing the width of the sidebar and main content would effect the responsive framework. This would make it not work as originally intended on mobile devices.

Here is the fix for product height:

.s-threecolumn .product_item .product_details h5 {
min-height: 120px;
}

Ben

[Geoffrey]

Geoffrey

#1459

As usual, it works. Thanks.

[Kelly]

Kelly

#1457

Here’s my problem.. The person I am doing this for thought she wanted a responsive theme for mobile devices, but she doesn’t like the fact that the image I put on the right side of the header moves down below the logo when she minimizes the screen too much. I don’t think she wants it to go away now, either. On a phone, it would be fine to disappear, but on a minimized screen, it isn’t okay to her. Is there anyway make it stay put up there on a computer browser?

Also, to make the sidebar 200px, but allow the main content area to take up that space that is now free, how would I do this? I have the .sidebar and the #content .span4 set to about 200px, but do I set the #content .main to a fixed width as well or would that mess up the view on a phone?

And, one more. She also wants all the product pictures to line up exactly. You had a fix for me in the free version (.product_details h5 {min-height: 100px;}) but it doesn’t seem to be working on the premium version.

[Ben Ritner]

Ben Ritner

#1409

Hey,
Once you create a new sidebar in the theme options panel it should be visible on the widget page as a place to put widgets. Then when you create a new page use the sidebar template and make sure you save the page. Once refreshed you will see options for choosing a sidebar.

Hope that helps,
Ben

[Geoffrey]

Geoffrey

#1408

Hi,

Is there a generic process for creating new sidebars other than Primary and Sidebar1? I don’t use code )tho I may need to do that some day. I’ve tried “Add new sidebar” and “Widgets on Pages”in Settings. I can generate what seems to be a new sidebar in Widgets, but it does not show up in the options for selecting sidebars in Editor for a new page.

Thanks.

[Geoffrey]

Geoffrey

#1408

Hi,

Is there a generic process for creating new sidebars other than Primary and Sidebar1? I don’t use code )tho I may need to do that some day. I’ve tried “Add new sidebar” and “Widgets on Pages”in Settings. I can generate what seems to be a new sidebar in Widgets, but it does not show up in the options for selecting sidebars in Editor for a new page.

Thanks.

[Ben Ritner]

Ben Ritner

#1371

Ok it’s live, sorry for the wait. Updated product tab options, sidebar option on single product pages ect.

Rev slider should work as you requested.

Ben

[Ben Ritner]

Ben Ritner

#1187

Are you talking about where you put values? The list of values?

Can you send a link?

Ben

[Barbara]

Barbara

#1185

Thanks Ben! I will probably stick with the basics. (:
Is there a way to remove the bullet point before the text in the side section of portfolio pages instead?
Thanks
Barbara

[Ben Ritner]

Ben Ritner

#1175

Hey Barbara,
The Theme isn’t built to have a sidebar on the portfolio pages, you would have to do a decent amount of editing to the code to change the layout for a sidebar.

I would strongly suggest a child theme if your planning to undertake the project.

As for tighting the spacing between the title and the portfolio items you can add this to your css:

.page-header {
margin-bottom: 0;
}

Hope that helps
Ben

[Barbara]

Barbara

#1172

Hi again,
I am wondering if there is a way to add a sidebar to the Portfolio Grid Template. Also, is there a way to add a sidebar to individual project /portfolio items and finally is there any way to tighten the space between text on your Portfolio display page and the Project/Portfolio listings?
Thanks,
Barbara

[Barbara]

Barbara

#1172

Hi again,
I am wondering if there is a way to add a sidebar to the Portfolio Grid Template. Also, is there a way to add a sidebar to individual project /portfolio items and finally is there any way to tighten the space between text on your Portfolio display page and the Project/Portfolio listings?
Thanks,
Barbara

[Geoffrey]

Geoffrey

#1141

It works. Many thanks.

[Ben Ritner]

Ben Ritner

#1137

Hey Geoffrey,
If you selected your blog page to be your “posts page” in settings > reading. It will automatically use the primary sidebar. The trick is actually to leave the posts page empty in the settings > reading.

All you have to do is make a page and make the template blog. Then once it’s been saved you will have options to choose a sidebar for that page. But if you mark it as your posts page it gets overridden and displays the primary sidebar.

Hope that makes sense.

Email me a login if it doesn’t and I’ll check it out.

[email protected]

Ben

[Geoffrey]

Geoffrey

#1136

Hi,

I need help in removing a sidebar from my blog page and replacing it with another. At the moment the same sidebar (Primary) is on the static home page and on the blog page (*Login to see link I want to use sidebar1, and later add a couple of customized sidebars to other pages. I have used every combination I can think of of templates and settings. No change. Site is *Login to see link Thanks. Geoffrey.

[Geoffrey]

Geoffrey

#1136

Hi,

I need help in removing a sidebar from my blog page and replacing it with another. At the moment the same sidebar (Primary) is on the static home page and on the blog page (*Login to see link I want to use sidebar1, and later add a couple of customized sidebars to other pages. I have used every combination I can think of of templates and settings. No change. Site is *Login to see link Thanks. Geoffrey.

[Sandro]

Sandro

#909

Please update your footer.php code.

In this way the widgets are loaded correctly.

<footer id="containerfooter" class="content-info footerclass" role="contentinfo">
<div class="container">
<div class="row">
<?php global $smof_data; $footer_layout = $smof_data['footer_layout'];
if ($footer_layout == "fourc") {
if (is_active_sidebar('footer_1') ) { ?>
<div class="span3">
<?php dynamic_sidebar(__('Footer Column 1', 'virtue')); ?>
</div>
<?php }; ?>
<?php if (is_active_sidebar('footer_2') ) { ?>
<div class="span3">
<?php dynamic_sidebar(__('Footer Column 2', 'virtue')); ?>
</div>
<?php }; ?>
<?php if (is_active_sidebar('footer_3') ) { ?>
<div class="span3">
<?php dynamic_sidebar(__('Footer Column 3', 'virtue')); ?>
</div>
<?php }; ?>
<?php if (is_active_sidebar('footer_4') ) { ?>
<div class="span3">
<?php dynamic_sidebar(__('Footer Column 4', 'virtue')); ?>
</div>
<?php }; ?>
<?php } else if($footer_layout == "threec") {
if (is_active_sidebar('footer_third_1') ) { ?>
<div class="span4">
<?php dynamic_sidebar(__('Footer Column 1', 'virtue')); ?>
</div>
<?php }; ?>
<?php if (is_active_sidebar('footer_third_2') ) { ?>
<div class="span4">
<?php dynamic_sidebar(__('Footer Column 2', 'virtue')); ?>
</div>
<?php }; ?>
<?php if (is_active_sidebar('footer_third_3') ) { ?>
<div class="span4">
<?php dynamic_sidebar(__('Footer Column 3', 'virtue')); ?>
</div>
<?php }; ?>
<?php } else {
if (is_active_sidebar('footer_double_1') ) { ?>
<div class="span6">
<?php dynamic_sidebar(__('Footer Column 1', 'virtue')); ?>
</div>
<?php }; ?>
<?php if (is_active_sidebar('footer_double_2') ) { ?>
<div class="span6">
<?php dynamic_sidebar(__('Footer Column 2', 'virtue')); ?>
</div>
<?php }; ?>
<?php } ?>
</div>
<div class="footercredits clearfix">

<?php if (has_nav_menu('footer_navigation')) :
?><div class="footernav clearfix"><?php
wp_nav_menu(array('theme_location' => 'footer_navigation', 'menu_class' => 'footermenu'));
?></div><?php
endif;?>
<p><?php global $smof_data; $footertext = $smof_data['footer_text']; echo do_shortcode($footertext); ?></p>
</div>

</div>

</footer>

<?php wp_footer(); ?>

[Sandro]

Sandro

#909

Please update your footer.php code.

In this way the widgets are loaded correctly.

<footer id="containerfooter" class="content-info footerclass" role="contentinfo">
<div class="container">
<div class="row">
<?php global $smof_data; $footer_layout = $smof_data['footer_layout'];
if ($footer_layout == "fourc") {
if (is_active_sidebar('footer_1') ) { ?>
<div class="span3">
<?php dynamic_sidebar(__('Footer Column 1', 'virtue')); ?>
</div>
<?php }; ?>
<?php if (is_active_sidebar('footer_2') ) { ?>
<div class="span3">
<?php dynamic_sidebar(__('Footer Column 2', 'virtue')); ?>
</div>
<?php }; ?>
<?php if (is_active_sidebar('footer_3') ) { ?>
<div class="span3">
<?php dynamic_sidebar(__('Footer Column 3', 'virtue')); ?>
</div>
<?php }; ?>
<?php if (is_active_sidebar('footer_4') ) { ?>
<div class="span3">
<?php dynamic_sidebar(__('Footer Column 4', 'virtue')); ?>
</div>
<?php }; ?>
<?php } else if($footer_layout == "threec") {
if (is_active_sidebar('footer_third_1') ) { ?>
<div class="span4">
<?php dynamic_sidebar(__('Footer Column 1', 'virtue')); ?>
</div>
<?php }; ?>
<?php if (is_active_sidebar('footer_third_2') ) { ?>
<div class="span4">
<?php dynamic_sidebar(__('Footer Column 2', 'virtue')); ?>
</div>
<?php }; ?>
<?php if (is_active_sidebar('footer_third_3') ) { ?>
<div class="span4">
<?php dynamic_sidebar(__('Footer Column 3', 'virtue')); ?>
</div>
<?php }; ?>
<?php } else {
if (is_active_sidebar('footer_double_1') ) { ?>
<div class="span6">
<?php dynamic_sidebar(__('Footer Column 1', 'virtue')); ?>
</div>
<?php }; ?>
<?php if (is_active_sidebar('footer_double_2') ) { ?>
<div class="span6">
<?php dynamic_sidebar(__('Footer Column 2', 'virtue')); ?>
</div>
<?php }; ?>
<?php } ?>
</div>
<div class="footercredits clearfix">

<?php if (has_nav_menu('footer_navigation')) :
?><div class="footernav clearfix"><?php
wp_nav_menu(array('theme_location' => 'footer_navigation', 'menu_class' => 'footermenu'));
?></div><?php
endif;?>
<p><?php global $smof_data; $footertext = $smof_data['footer_text']; echo do_shortcode($footertext); ?></p>
</div>

</div>

</footer>

<?php wp_footer(); ?>