Ryan Ray

Hi @ninadovetail,

Welcome to Storefront. 🙂

I assume you are wanting horizontal lines that look something like these obnoxious purple ones I drew up in my example below?

Link to image: https://cld.wthms.co/JXlgem

If so, there are ways to do this potentially with the new block editor or using the Additional CSS section. How have you built this page so far, out of curiosity?

Hi @seanbeee,

Ok, great! I’m not real familiar with BeaverBuilder and how it works, but I’d just check with them (or their documentation) to see if their plugin includes a slider and you can put products from WooCommerce and their information in the slider in some way or another. I’m sure you can somehow.

Just to clarify, if I can, there isn’t any included slider (Flexslider) in Storefront itself. There is likely a plugin adding this to your site and thus adding it to Storefront, if that makes sense.

Nonetheless, once you confirm with BeaverBuilder you can do what you’d like to you can simply remove any other slider plugins. 🙂

Let me know if we can provide any further help or information. Going beyond BeaverBuilder I know we could find a plugin that offers a slideshow block for the new editor in WordPress. You could then build each slide with customizable options like the image, button, text, title, etc… You’d find plenty of options searching the web for something like “woocommerce product slider block” as a back up to BeaverBuilder. 🙂

Thanks!

• This reply was modified 7 years ago by Ryan Ray.

I hate to say it, but it still isn’t letting me in. 🙁

https://cld.wthms.co/Yy3LPj

It looks like that log in prompt is added by the WP Staging plugin? Would you mind disabling that authentication step for now? Thanks!

Hi @seanbeee,

Welcome to the wild and wonderful world of Woo and more-so Storefront. I appreciate the warning up-front as well. 🙂

To help clarify or confirm a few things first, what plugin are you using to add Flexslider to your homepage? Does MegaSlider use the Flexslider javascript to power its slideshow functionality, or is MegaSlider something different from the original plugin you were using for Flexslider.

Right now what I’m seeing in the slider is a white background with a product title, description, and price on the left two thirds while the product image takes up the right one third.

Also, for my clarification, your ultimate goal would be one slider plugin to display your products. What do you mean by managing things at a page level? I think you are saying you’d ideally want to go to edit your homepage and manage all parts of the slider there, correct?

Thanks for any clarification you can provide, we’ll get closer to a solution from here. 🙂

Hi @pankajkumar1234,

There isn’t anything in particular Storefront does regarding a database. Once you’ve setup WordPress and have it working that means you’ve got WordPress connected to your database.

Installing Storefront shouldn’t then need anything related to a database, can you let us know what you are seeing or the issue you are running into?

Hi @taisho,

Thank you very much for doing so, it’s much appreciated. 🙂

Hi @champdor & @blackawxs,

I was just curious if your homepages were using blocks yet, as then obviously the homepage template hooks wouldn’t help you out any. 🙂

I would definitely recommend considering using blocks moving forward, and I know it might be not ideal via the customizer but that will change in time. Block editing will be everywhere in WordPress at some point!

Nonetheless, if you’d prefer to use the Homepage template compared to blocks you need to wrap your remove_action() in a function of some sort and hook it into ‘init’. Take the following snippet and tweak to your needs to remove what you’d like to remove from the Storefront Homepage page template.

function remove_actions_parent_theme() {
	remove_action('homepage', 'storefront_homepage_content', 10);
	remove_action('homepage', 'storefront_product_categories', 20 );
	remove_action('homepage', 'storefront_recent_products', 30 );
	remove_action('homepage', 'storefront_featured_products', 40 );
	remove_action('homepage', 'storefront_popular_products', 50 );
	remove_action('homepage', 'storefront_on_sale_products', 60 );
	remove_action('homepage', 'storefront_best_selling_products', 70 );
};

add_action( 'init', 'remove_actions_parent_theme', 1);

Also, the numbers ranging from 10-70 are important as well. Those are priorities of when the action will fire. So if you changed say remove_action( 'homepage', 'storefront_on_sale_products', 60 ); and used a number smaller than 60. The remove_action() would fire before the actual action that adds that section. Thus it would still show up for you.

I hope that helps, if you’d like to see more hooks check out this guide.

• This reply was modified 7 years ago by Ryan Ray.
• This reply was modified 7 years ago by Ryan Ray.

Hi @antibiz,

I think this CSS can help. 🙂

/** Make menu hover background black **/
.main-navigation ul.menu ul.sub-menu {
  background-color: rgb(0, 0, 0);
}

/** Make sub-menu text & hover white **/
.sub-menu a,
.nav-menu .sub-menu a:hover {
    color: #fff !important;
}

/** Make sub-menu background hover background silver **/
.sub-menu li.menu-item:hover {
    background: silver;
}

BEFORE:

Link to image: https://cld.wthms.co/GjeBNS

AFTER:

Link to image: https://cld.wthms.co/yCeuDH

• This reply was modified 7 years ago by Ryan Ray.
• This reply was modified 7 years ago by Ryan Ray.