Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Cart 167,694 sales
Recently Updated
Well Documented

ThemeNectar supports this item

Supported

38283 comments found.

Hi there, I’m working with woocommerce for a e-commerce site and Im wondering if its possible to create a check box list to filter a product by categories? I noticed that you can filter by attribute (which give you a check box list) by the only option for categories is to have a product category list (no check box filtering functionality). Here is the reference site – I basically want to have a check box filter for the products by category just like how the “filter by size” is set up. Any help is greatly appreciated, thanks!

Reference site: https://themenectar.com/salient/ecommerce-robust/product-category/skincare/

Hey aglet, that could be simulated with CSS to allow the categories list widgets to display the checkbox. Here’s a snippet you can add into your adding the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab: https://pastebin.com/a8NtUDrP

Hi there. Is it possible to hide specific category names from the sortable portfolio options. I have some portfolio items tagged to some sub categories but I don’t want the portfolio to be sortable by these categories. Thanks

I’m using the “horizontal inline” method

Worked it out

.portfolio-filters-inline ul li a[data-filter=”.xxxcategory”] { display: none; }

Hey wints77, I’m glad to hear that you found what you needed :)

Kind regards

Is it possible to make images fade in after loading, especially on Woocommerce category and product pages?

Hey chrisgin,

We don’t provide animation options beyond fade that lazy loading would add for WooCommerce archives. However, you could set animations for any images added through the page builder on the single product page.

Kind regards

Hi there,
in your carousel demo here: https://themenectar.com/salient/carousel/
The very first example – flickity style carousel with a touch indicator – so when I move with a mouse a nice round indicator will follow it – that’s cool!
Problem – when I add a button or any link into that carousel – the touch indicator will overlay anything I put in there, as a result it’s hard to click the button or CTA
How to remove touch indicator when I hover on button or link? https://ibb.co/CM5QGX9
I was trying to play around with an “a href” tag :hover display none – doesn’t work at all :D I went ahead and asked chatGPT for help – website crashed :D :D :D
So, I’m here – any advice would be appreciated

Hey Lateralus578!

Currently there’s no class name that will temporarily hide that drag indicator, but I’ll be adding one in the next release so that any element (such as the CTA) could make use of it.

If you’d like early access to this change, feel free to reach out via the contact form on my author page in regards.

Cheers

Hello!

We experience a problem in our site and we were wondering if there has been a similar problem in the past. We have setup some products and in there we have used an html element to put an embedded video. The thing is that once in a while the embed code will be erased without changing anything else, even the html element is in it’s place. Has this ever occured before?

Thanks in advance

Hey frtcyprus! I haven’t seen that issue occur before. Could you kindly open a ticket on the support forum in regards so that we can take a closer look at your setup?

Hey, looking into buying this theme. But I need to know if I can use a “store locator”? And if so, which one would Salient recommend?

Greatful for your answer :)

Hey christoferberg! I don’t personally have a plugin to recommend for that functionality. However, if you run into any compatibility issues with an established third-party plugin, we would be more than happy to help :)

Kind regards

Thank you for the answer :)

I will try the most popular one and hopefully I won´t run into any problems.

You’re welcome, christoferberg :)

If you need any assistance, feel free to open a ticket on the support forum in regards.

Hi. I’m using sticky rows, by selecting Row settings > Sticky row On > Bottom of window. This works great, however, it doesn’t remain sticky on smaller viewport sizes such as mobile. How can the row remain sticky on all device sizes? Thanks,

Hey webspacedesignuk,

The sticky functionality offered on rows is intentionally disabled for mobile devices in the current release. I would suggested utilizing position: fixed via a custom CSS rule to keep items “sticky” in mobile viewports to ensure the best cross-device compatibility. If you’d like to share the page URL you’re working on, I’d be glad to provide an example snippet.

Kind regards

Hi,

I have the Menu Bottom Bar menu selected and I try to make the humburger icon to have all 3 lines equal, just like the orginal skin.

I use this code

.lines:before, body[data-slide-out-widget-area-style=slide-out-from-right-hover] .slide-out-hover-icon-effect.slide-out-widget-area-toggle.small .lines:before {
    width: 1.4rem!important;}

this fixes on desktop but not mobile.

what am i doing wrong?

thanks

Hey toolbox101, change your snippet to the following: https://pastebin.com/g2ns9mQi If that doesn’t work, please share your URL so that I can take a look.

Cheers

Hi, I need to remove access from the Global Section for an editor that I am adding to the site. I tried going under WPBakery and removing it in role manager but it is not working. Any help would be appreciated! Thanks!

Could not delete this comment but made it work with a plugin! Sorry to have bothered you!

No worries, katt101! Glad you got it sorted :)

Hello, what is the way to export pages to import it to other website? When I export pages through Tools > Wordpress exporter, after importing to a new website single images are missing (the background images for rows are fine). Is there a fix for it or a plugin to export it correctly?

Hey juvengle,

The WordPress exporter can also handle exporting the media from your library—You’ll also need to do an export of the media in order to bring those to your new WordPress site.

How do you change the color of the button in the Top Nav Bar?

Here is where I am doing the book now button and it’s not under the menu options. I only edited the Home Button because of the info you sent.

https://ibb.co/2qfq8RC

Nevermind I found it, confusing as hell. Your framework is pretty dated compared to some newer themes. But it’s a trade-off, you guys have done more w/ WPBakery than anybody else. Sorry to be a pain…

Hey vagtarap, glad to hear you located it :)

From your screenshot, you were in the WordPress customizer, which will not show the menu options.

It looks like you had your CTA button and phone number in another menu called “Side buttons”, so you just needed to select that location to edit at the top of the Appearance → Menus https://ibb.co/yWcXbjs

Kind regards

On a site I am working on, the blog post templates are showing the wrong date. They currently are set in the theme settings (Blog > Functionality) to show the ‘full date’ and the ‘published date’, but they are showing today’s date instead. If I change those settings to show ‘last edited date’ nothing at all is shown, despite the post being recently edited.

I tried adding nectar > helpers > page-header.php to my child theme to edit the code directly, but it is never loaded for some reason.

Any ideas?

Hey efishinsea,

The page-header.php file can’t be overridden by fully copying the file to your child theme. Instead, you would need to copy functions from within that file to your child theme functions.php e.g. the “nectar_page_header” function.

Because there isn’t a known issue with the post dates, could you please open a ticket on the support forum in regards so that we can take a closer look into your setup?

Thanks in advance

Multiple columns on cart page – on mobile

Hello, I used a custom code before so that on mobile checkout there were 2 columns of recommended products. This prevents long scrolling and increases conversion.

The code i used below, but it does not seem to work anymore. Would you know why this has changed? And would you have a suggestion how to resolve this?

.cart-collaterals .cross-sells{ width: 100vw!important; position: relative; margin-left: -50vw; margin-bottom: 45px; left: 50%; }

Hey dzineee,

Your CSS snippet is only adjusting the width of the container of those items and not targeting the products themselves. You would need to use a snippet such as

body.woocommerce-page .cart-collaterals .cross-sells ul.products li {
    width: 48%!important;
}

Kind regards

Hi there, thank you so much for the quick reply. I think I already have this line of code in another part, but it does not seem to be working. Or is the code below not specific enough?

.woocommerce .cart-collaterals .cross-sells ul.products li.product, .woocommerce-page .cart-collaterals .cross-sells ul.products li.product { width: 48%!important }

Hey dzineee, I would need to see your cart URL in order to see why that’s the case as that snippet should still be valid.

Kind regards

Hi I realise my support has run out but i just want to check if this is a bug as its driving me mad.

When I add a Passepartout it seems to override the full width header settings and the logo aligns left to the passepartout regardless of what width i specify in the ‘Full Width Left/Right Padding’ setting.

https://elliotj.co.uk/testing/ <- here i have full width heading on and Full Width Left/Right Padding set to 200px

When i remove the passpartout the header padding functions correctly.

Any help greatfully received.

Thanks Elliot

Hey Elliot,

The “Passepartout” effect will alter the header alignment. You can override that by adding the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:

@media only screen and (min-width: 1001px) {
  body #header-outer {
    padding-left: 200px;
    padding-right: 200px;
  }
}
@media only screen and (max-width: 1000px) {
  body #header-outer {
    padding-left: 30px;
    padding-right: 30px;
  }
}

Cheers

Thanks I also figured out it works to change the colour of the header slightly from the passpartout, unnoticabley different, but the padding settings kick in.

You’re welcome, Elliotj—Yes, that would be another way to bypass it.

Cheers

Can we update version 10.0.1 → latest 15.0.8? Will it support PHP 8?

Hey raviry,

Yes, the latest version supports PHP 8.0. Since you’re updating from a pretty old release, be sure to read the following article first prior to updating: https://themenectar.com/docs/salient/updating-salient/

Kind regards

halo, is it possible to have carousel like this in single product woocommerce https://prnt.sc/advwrgNob08O – we want single product woocommerce like this website https://chuck-s.co/products/lucky-lip-jelly-in-caribbean

Hey shaky512,

There’s no built-in option like that currently, but I’ve noted the idea on the wishlist :)

Kind regards

Hey, I seem to be unable to access the support page. Blank screen on all browsers with “page not secure” next to the URL. Any fix?

I just had a question about my live view being quite different from front end editor. Kind of defeats the purpose having to adjust padding in front end then flip to another tab to see how it turns out live.

Hey chrisvandermeer9,

We’ve had a regular amount of new tickets opened over the course of the day from various users/locations and I also can’t replicate that blank issue you’re describing. Can you verify that you’re attempting to access the following URL? https://themenectar.ticksy.com/

Hey mate, yeah it was directly from the link on here. But it appears to be working now. Some issues where it just times out if I am not already signed in, the log in page just refuses to open. Definitely something a bit buggy with the Ticksy side of things.

Regards, Chris

Hey chrisvandermeer9,

I’ll send a support ticket to Ticksy in regards to see if they’ve received any similar complaints recently.

Kind regards

In the latest version, MP4 and WEBM video background options for a Row are disabled if Mouse Based Parallax is on, although it still keeps the video working live. Is this a bug or working as intended?

Hey robertexs,

1. The video layer should also be disabled on the front-end, since it would end up covering the parallax scene. That change will be made for the next release of the Salient Core plugin.

2. I’ve noted to also ensure that the ID for that block gets output correctly.

Kind regards

Thanks for the response. It would be great if you could keep the video background option available with the Mouse Based Parallax. I use them successfully in combination here: https://northernnights.org/

Hey robertexs, thanks for the feedback. I’ve noted to just leave it in place and reveal the video BG options. That row z-index snippet you added also won’t be necessary after the next feature-based release.

What is the best option for a button/icon carousel similar to this – https://ibb.co/HD2KX4B

I am using the Flickity Carousel with call to actions but the spacing is odd – https://ibb.co/jyC6CN5 For spacing I’d like it the width of the CTA/Button and then a consistent padding rather than the padding stretching to make equal thirds.

Hey MarcGarner,

You can keep that sane setup, but you’ll need to change the width of the carousel cells to “auto”. Give the row a class name so that it can be targeted e.g. “icon-carousel” and then use the follow CSS:

.icon-carousel .nectar-flickity.nectar-carousel .cell {
  width: auto!important;
}

Kind regards

That works great thank you. Is there a way to allow free scrolling rather than the set page alignment?

You’re welcome, MarcGarner.

Unfortunately the Carousel element doesn’t have a built-in option for that so it would require a modification to the theme JS as of now.

Hi !

Is there a way to add video to the product images in WooCommerce?

Thanks!

Hey amitjain2711!

Unfortunately there’s no built-in option to set a video as a an item within the product gallery currently. However, I’ve noted your +1 for the idea on the wishlist :)

Cool will look forward for native support on this!

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey