Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Cart 168,849 sales
Recently Updated
Well Documented

ThemeNectar supports this item

Supported

38360 comments found.

Hi there,

I would like to add an icon (phone icon) in my secondary header. Would that be possible? See here: https://lionettekleijnen.com/

Hey Abbenhues,

You can use the Salient menu options to add an icon next to any of your header menu links: https://themenectar.com/docs/salient/salient-menu-options/

Kind regards,

Is it possible to add and option to add to cart from the main shop page on mobile – currently, I can only see that it is possible on browser. Thanks

Hey AletalkProductions,

Add the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab: https://pastebin.com/Pbzr1Xts

Cheers

Thanks – I’ve added the code, but it still doesn’t seem to have the add to cart option on the main shop page – apologies if there is something I’m missing.

Hey, i’m not seeing the code as active on the page currently for some reason. Could you please reach out via the contact form on my author page in regards so that I can take a quick look at the backend?

Hello. I am using the code below to make the product title clickable on a shop page. I believe this is from the Salient documentation. When I look in my error log it gives a warning that $product_id is undefined. Would there be a better way to code this?

Full code: //overwrite product title loop and include url function woocommerce_template_loop_product_title() { $loop_title_link= get_permalink($product_id); echo ‘

’ . get_the_title() . ‘

’. ‘’; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped }

Full error: 2022/08/12 00:26:03 [error] 28064#28064: *3941092 FastCGI sent in stderr: “PHP message: PHP Warning: Undefined variable $product_id in /mnt/env/website/production/public_html/wp-content/themes/salient-child/functions.php on line 339PHP message: PHP Warning: Undefined variable $product_id in /mnt/env/website/production/public_html/wp-content/themes/salient-child/functions.php on line 339” while reading response header from upstream, client: 207.46.13.

Hey dzineee,

Can you try pasting your code into here so that I can fully read it all https://pastebin.com/

Thanks in advance

Ah yes for sure. I have tested the code and it seems to be working: https://pastebin.com/9MjXGiHu

Thanks dzineee — yes, the code looks good.

Kind regards

hi, any idea why is not showing the top video on mobile devices? https://gastromallorca.net/enfy/ the Disable Video Backgrounds On Mobile Devices is disabled

Hey dimage,

I’m currently seeing the video BG play on mobile when testing on an iPhone 13 / Galaxy 22

https://ibb.co/Jp2tScV https://ibb.co/HKPShLC

Have you verified that you don’t have a power savings mode active on your device? Battery / Data savings mode will generally prevent video playback.

Kind regards,

it was that, thanks.

You’re welcome, dimage :)

Hi, I am using the header layout Menu Bottom Bar and I would like the navigation part ONLY to stay sticky on desktop, just like this website https://www.costikyan.com/ when you scroll down the logo folds and the navigation is only sticky. Can you please provide a CSS or a function.php rule to achieve this?

Hey toolbox101,

In the Salient options panel > header navigation > animations effects tab, enable he “Condense Header On Scroll” option. If you wish to remove the logo from the view of the sticky header, you can add the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:

#header-outer.fixed-menu #top #logo img {
  opacity: 0;
}

Hi ThemeNectar,

A couple questions hoping you would be able to help me out with.

1. On the page below for mobile devices it happens that when you want to view the image larger it requires a “double click”. Do you know how to make that a “single click”?

2. I have created a image grid with a hover state and button. I am trying to change the copy on the “More Details” button to “View Portfolio”. Can you point me in the right direction?

Many thanks and appreciate the help.

Best, Alan

Hey Alan,

1. add the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:

@media only screen and (max-width: 1000px) {
.portfolio-items .col .work-info .vert-center *,
.portfolio-items .col .work-info .vert-center {
 transition: none!important;
}
}

2. You can use the plugin Say What – it’s a minimal free translation plugin:

https://themenectar.com/docs/salient/translations/#translating

Kind regards,

Hi ThemeNectar,

Thank you again for the quick reply, I really appreciate it.

1. I added the code you provide above into my Child CSS and into the Salient General CSS settings and it doesn’t appear to work for my portfolio pages that have an “Image Grid” on them as you can see here: https://neileverosborne.com/photojournalism/editorial/smithsonian-offshore-wind-america

Any ideas on how to fix that as I would like it to only be a single click. Thanks.

2. Thank you.

Best, Alan

Hey Alan, Here’s one more snippet you can try:

.portfolio-items .col .work-item .work-info a {
  transition: none;
} 
Kind regards,

General question: I’m supposed to design a website for a music artist. Is your theme suitable for this requirement?

For example, they need: Discography List with covers and play buttons for the music…

Do you even have a music demo version?

Hey Lunamoon341,

The music demo we have is: https://themenectar.com/salient/band/

WordPress offers a built-in audio player element, but you could also add a third party plugin to add a more Complex player if needed for your specific requirements.

Kind regards,

Hi, I’m having a problem when trying to import the Ecommerce-Robust demo. It seems to get stuck somewhere around 40% without finishing the process. I have followed instructions to increase the max execution time / memory limit etc. all to no avail. Any ideas what could be causing this? I’m using the version of salient released last month. Absolutely love the theme btw!

Thanks in advance!

Hey AbzillaTheGreat, I’m glad that you got it imported :)

You can use the filter “nectar_logo_url” in your child theme to specify a custom location for the link.

Here’s an example you could add to your child functions.php

https://pastebin.com/NekPT3iP

Kind regards,

Thank you so much! Worked like a charm :)

You guys really do go above and beyond!

Best Regards

You’re very welcome, AbzillaTheGreat :)

Cheers!

Dear developers, I’ve been using the Salient theme for quite some time. I love this theme! Creating a website with Salient is very enjoyable! Please don’t spoil it and continue like this.

PS: You’re getting a lot of Elementor questions, I’m sure. I think this version should stay that way. I’m sure you’ll sell a lot more if you also release Elementor Edition. Think about it :)

Great days!

Hey ardacetin, I’m glad to hear that you’ve been enjoying using Salient! Thanks for the request as well :)

Cheers

it is a beautiful theme, it has many features and it is a detailed theme

Thanks for your kind words, yazilimteknisyeni :)

Hi, I´m using Polylang with Salient and WooCommerce. Can´t find out why things aren´t translated like “add to bag”, “cart”, “checkout” etc. Can you help me and guide me? maybe I´m missing something.

Thanks in advance,

Hernan B

Hey Hernan,

All strings which Salient uses in the shop which are not apart of the core “woocommerce” text domain will be translatable via the “salient” text domain. Have you

Hey Phil, just curious when the next major update will be released? :) Best

Hey rockzi, It’ll be out this week – stay tuned!

Cheers

Hi there, thanks for the beautiful theme, when are you planning to release the new version?

Hey frankapp :)

It’ll be out this week – stay tuned!

Hi, I am using some flip boxes but the text on the back is showing through on the front when the background alpha on the front is set to around 70% and below. Is there any way of avoiding this? Also, can the 3D effect on the flip be reduced or removed? Thanks.

Hey lightwavin,

You can alter those aspects by adding the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:

.nectar-flip-box[data-v_text_align=center] .flip-box-back .inner, 
.nectar-flip-box[data-v_text_align=center] .flip-box-front .inner {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%) translateZ(10px);
    backface-visibility: hidden;
}

Kind regards,

Perfect. I have to applaud you on your customer service, it is outstanding. I will be sure to build my next site using this theme.

You’re very welcome, lightwavin. I’m glad I could help :)

How can I have a unique header just for certain page? Or in Salient, the same header is shared across the website?

Hey dzulfriday,

By default it’s shared across all of your pages. You could get unique theme options to apply for various sections of your site if you use a multisite install. However, if you only need change a a couple aspects of the header such as the logo or logo link location, you could handle that easily through a child theme by overriding the template file or function related to the section of the header bar you need to override/add conditional logic.

Kind regards,

hello, I already purchased this theme with my another account, but now, when I install this theme, I can not see the ‘architure’ demo importing. I need this demo. How can I get it ?

Hey Lillastar824,

You just need to ensure that you’re using the latest version of the Salient Demo Importer plugin to get access to the latest demos. That demo was added in v1.4 of the plugin. If you’re using an earlier version of the plugin and don’t see any updates available for it, you likely need to update Salient.

Kind regards,

HI,

I have a couple of requests please and wondered if you could assist?

- Firstly, on my site I have a top menu and the slide out widget menu. http://roryflynn-prototypes.co.uk/alpha/

If ‘Products and Services’ is clicked on the top menu, this is highlighted in blue on the side menu. However it also highlights the sub-menu items in blue on the side menu. Is there a way of removing the highlight on the sub menu with CSS?

Secondly, I have a toggle section with ‘Read More’ as the title. Is there a way of changing that to ‘Read Less’ when the toggle is expanded?

example page – http://roryflynn-prototypes.co.uk/alpha/products-and-services/portable-dewpoint-hygrometers/sadpmini2/

I have a child theme in place and confident with editing page templates if I know where to look.

Many Thanks,

Rory

Hey Rory,

1. You can add the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:

#slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li.current-menu-item li:not(.current-menu-item) a {
  color: inherit!important;
}

2. You can copy the toggle template file to your child theme for overrides by using the method described in the docs here. Once you’ve added a new tag with your text, you could use CSS to toggle it along with the state like so:

.toggle:not(.open) .custom-text {
  opacity: 1;
}

.toggle.open .toggle-heading {
 opacity: 0;
}

Kind regards,

Thanks for your assistance!

You’re welcome, Rory1984 :)

Hi Theme Nectar,

If you could help me out on the two issues below I would greatly appreciate it.

Each of the pages on my website have a Nectar Slider that I need to be Full Screen and Full width but for some reason there is a white gap under the Nectar Slider. Can you shed some light as to how I can remove the gap so the images are 100% Full Screen.

Live link: https://neileverosborne.com/

Another issue I am faced with is the Portfolio Next and Previous buttons are backwards, meaning the Next button takes you to the Previous and the Previous takes you to the Next portfolio. Any idea why this would be happening and how to fix it?

Live link: https://neileverosborne.com/photojournalism/editorial/smithsonian-offshore-wind-america

Thanks again for the amazing support and theme. Still the best one out there.

Best, Alan

Hey Alan,

The portfolio orders the next project as the next “oldest” project – there’s no built-in theme option to alter that. However, I’ve noted to include in the upcoming release. If you’d like to get early access, please reach out via the contact form on my author page in regards.

Hi ThemeNectar, I am still experiencing the same issue on the individual Portfolio pages as mentioned above with the Next & Previous buttons being reverse/backward. Do you know if this issues has been addressed or not?

I find this really odd that the first Portfolio item has a “Previous” button when infact it should have a “Next” button.

Can you please let me know when this will be fixed or how I can fix it on my end? Many thanks.

Best, Alan

Hey Alan, the option to reverse the portfolio pagination was indeed added in. Have you selected it within the theme options https://ibb.co/BnSJXvR ? If so, please open a ticket on the support forum in regards so that we can take a closer look into your setup.

Kind regards

Hi, I love that you have a new approch in all your elments. Also in the image gallery. But for my client I need a ‘classic’ masonry image gallery with lightbox and with title + captions under the image and inside the lightbox. Is this possible? Thank you

Hey waldemarker :)

The closest you can get to that will be to use the “image grid” style for the Image Gallery element with the following settings enabled:

Masonry Style: On
Display Title/Caption: On
Gallery Style: Meta below thumb w/ links on hover

With those settings, the “title” and “caption” of your images will display under each image within the grid, and the “description” field will be shown in the lightbox once an image is clicked.

Kind regards,

Hi, sorry I did not understand that choosing image grid style enables new settings on bottom. Fine to see so much custom settings. It workes fine for the gallery. The lightbox has .fancybox-caption and .fancybox-caption__body, but there is no content there. And if I may ask a 2nd favor: how to remove ‘view larger’ and the color overlay. Just make the whole image clickable without effects, overlays or animations. thank you

Hey waldemarke,

1. It will only display the text added to the “Description” field of an image: https://ibb.co/G54N53P If you’ve added that in, please share your page URL so that I can take a look to assist.

2. Add the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:

.portfolio-items .work-info-bg {
  display: none;
}
.portfolio-items .col .work-info .vert-center {
  position: static;
  transform: none;
  opacity: 0;
}
.portfolio-items .col.span_3 .work-item .work-info a {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

In the header, what would be the best way to add an additional logo (with its own unique URL) to sit alongside the themes existing logo?

Hey kford,

You could hook to the “nectar_hook_before_logo” from your child theme functions.php to output custom HTML next to the logo in the top header bar. Here’s an example:

https://pastebin.com/GmnAkU7w

CSS would then be needed to style/position the new logo as desired.

Kind regards,

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