Jump to content

Problem with 'product carousel' widget for PS Creative Elements


Recommended Posts

Creative Elements does not seem able to have an inbuilt title for the 'Product Carousel' wdget, so have to add a 'text' widget into the container, as its title.

Which works fine.

The only problem is when there are no products to display, the title is still displayed all on its own.

Edited by gray (see edit history)
Link to comment
Share on other sites

  • 4 weeks later...

Hi @gray

You can put the Product carousel widget and the text widget into a separated section column in the following order:
1. Product carousel widget
2. Text widget

Then you add the following css rule to the column containing these two widgets which will change the displaying order of the widgets:

display: flex; flex-direction: column-reverse;

The product carousel widget should have a "elementor-widget-empty" class if it has no products displayed.

The last step is to add another css rule which hides the text widget if there's no products:

.elementor-widget-empty + .elementor-widget-text-editor {

display: none;

}

Hope this make sense.

Cheers,
Leo

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...