Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Cart 170,188 sales
Recently Updated
Well Documented

ThemeNectar supports this item

Supported

38436 comments found.

Hi, when are you planning to develop the lazy loading for images that require to be loaded for calculations (masonry portfolio/image gallery/blog etc)?

Hey magenta-digital2013, it’s on the to-do list but there’s no ETA as of now. As you have probably seen, all of our attention has recently been on 10.5

Hi,

I noticed a few issues after the upgrade to v.10.51. 1) The Menu Bar Cart does not add up the Subtotal (Says $0.00) 2) The Cart page shows some Product images very large, and some regular size. 3) Homepage content buttons are not going to the default color / size that they were prior. These are the only minor things I can find so far. https://athletesbest.com/ Appreciate the help. Thank you

Hey superhealth,

1. The header cart is an instance of the core WooCommerce cart widget i.e. “WC_Widget_Cart” which hasn’t changed in recent releases. Since Salient doesn’t do any processing to calculate the subtotal, can you quickly verify that no other third party plugins are causing this issue?

2. Add this into the custom css box located in the Salient options panel > general settings > css/script related tab:


.woocommerce-cart table.cart img:not([srcset]) {
  width: 90px;
}

3. Could you please open a ticket on our support forum in regards with temporary admin credentials so we can take a closer look into this: https://themenectar.ticksy.com

Thanks in advance

Hello, I have question about WPML translation plugin…you theme should be 100% working with it. Added new language and then click “Translate” page then I get all needed translation fields and after finishing translation…page dont have “Hero” image (page heading setting) example image and correct text alignment and also if I have custom CSS on page this is not copied to new page. Am I doing something wrong, some wrong setting??? Would love to have custom css field in translation field as well and definitely it should show page heading image.

Any help? Thanks.

Hey PriitCool, Have you reached out to WPML in regards? They did a full test with the theme last year to ensure compatibility. If there’s a new issue which they are unaware of, it would be helpful to get a link to the support forum where you have an open ticket for group correspondnece.

Thanks, will open ticket in WPML forum and give you updates ;)

Thank you PriitCool :)

Hi guys i have some problems with the leaflet position in an full width column. The holding wpb_row get a margin of -219px this is too much so that the leaflet map is not on the left side and start after circa 100px. can you help me? You can see it here: https://bit.ly/2MwIqp0

Hey haoe,

Do you have a modified header.php file in your child theme? If so, it will need to be updated to relfect the current version of Salient. The issue is occurring because the normal Salient body attributes are not getting output onto your body tag. If the problem is not because of your child theme (if you can verify the parent theme has the same issue), please reach out via the contact form on my author page https://themeforest.net/user/themenectar

Thanks in advance

Problem is also there with the parent theme, send you some information!

Thanks haoe :)

Hello,

We like your theme but we run into 1 small issue. When you scroll or slide to the next section on this website on safari: http://moediantobv.com

The page often doesn’t start at the top so you can see the title. Is there a simple fix for this?

Hey TwitchvertisingNL,

which version of Safari are you seeing that occur on? So far from testing on 12, I am unable to see that behavior.

Thanks in advance

Safari version 12.03

So this what I see when I scroll to the second section: http://prntscr.com/nz7b8f This is what I should see: http://prntscr.com/nz7bec

This also happens when you scrol the first time to the section. If you scroll back and forth it will work. Also you really have to scroll so don’t click on the buttons to the right.

Hey TwitchvertisingNL, thanks for the screenshots. I just tried to test again on Safari 12 but have not been able to replicate it yet when scrolling: https://www.dropbox.com/s/7lz0fc6aw2apf38/scroll.mp4?dl=0 Have you been able to see it occur on more than one machine?

Hello Envato team !

First of all thank you for all your work, especially on the major update. You’ve done a great work.

About this, I’ve got an issue just before i made the major update 10.5 on my website : www.lestriconautes.com especially on this URL : https://lestriconautes.com/en/free-knitting-pattern-women

​As you can see, my page sub menu has a strange position, and is on the middle of the page. Before the update, it was a sticky element which follow you when you scroll up and down on the page.

Thanks for all and have a nice day

Hey Securipro :)

I can’t seem to replicate that locally. Can you please first try to temporarily disable the your minifcation/caching plugin to rule out a caching issue? If that does not solve all the issues, please reach out via the contact form on my author page https://themeforest.net/user/themenectar

Cheers

How do I find the reference for the icons – image=”icon-tablet”

Hey MarkusB, is that an attribute you’re pulled from an icon shortcode? If so, when you click on the nectar shortcode generator and choose “Icon”, a full list of all icons can be seen: http://themenectar.com/docs/salient/salient-shortcodes-plugin/

Hello, Im looking through your passed comment for a couple of my problems and I was hoping you can clarify a few things to a person who barely dabbles in code:

1.) add text “menu” next to the hamburger button? You mentioned that there is only a css custom solution i was hoping you could tell me how / where can i append the text to my idea was here

.slide-out-widget-area-toggle div a:before { content: "menu"; }

However this doesnt seem right, also it doesnt change colors like the hamburger icon does .

2.) I want to add a Book Now Button next to the hamburger icon kind of like https://avilalighthousesuites.com does it, does your theme support that? if so where , if not how do i use the functions.php child theme to make it do it?

3.) I want to add text above the dropdown of the home page ..something like “explore now” and when they click the button it takes them lower to the next section of the page, would you mind helping me out on this?

thank you for you time.

Actually I found the answer to number 1 its here : https://themenectar.ticksy.com/article/5435/

Do you know how to make the hamburger icon bigger?

answer to 2 – https://www.youtube.com/watch?v=_I1WXaxVopk

Hey pal605427,

Glad to hear you found some of the answers you were looking for :)

There’s a video in the docs explaining how animated anchors work here: http://themenectar.com/docs/salient/theme-options/general-settings/#functionality

Also, you can make the off canvas menu icon larger by adding this into the custom css box located in the Salient options panel > general settings > css/script related tab:


#header-outer #top nav ul .slide-out-widget-area-toggle a {
    transform: scale(1.5);
}

Cheers

Hello – Is there a way to do a SCROLL parallax instead of MOUSE BASED? I can successfully do mouse based parallax, but I have a 2 layer image where I want the second layer to scroll while the first layer is either fixed or scrolls slower. How can I accomplish this?

Hey snassi11, Salient offers a normal (single layer) scroll parallax row background option, however the plugin which Salient uses for the mouse parallax does not offer a scroll based option. Modifying that would require custom development.

How can I call # sidewidgetarea from another custom button

Hey ziccia, that code is still accurate. It’s showing where in the init.js file would need to be changed to add in a custom trigger classname. You can change the ”.button-link .nectar-button” to any class you want to trigger it.

I can not do it

Hey ziccia, I added this functionality into the last release (10.5.3). As long as you’re on that version you can now simply add the following class onto any anchor:

nectar-ocm-trigger-open

Hi Again, for the “Creative Corporate” theme how do I change the colour of the fancy box icons? Like change the colour of the Computer icon and so on..

Hi, I mean the Icons.. I have a computer Icon, a phone icon and so on.. would love to change the colours of each one individual Icon, not the box.

And yes it’s set to hover effect.

Hey Joshuats, anyway that you can share your page URL so I can provide an example snippet?

Hi there—I would like my videos to auto play whenever they are activated through lightbox? At the bottom of my page https://thefictionstoryroom.com/screenwriting-tips-and-articles/ you will notice the user has to click twice in order to get the video to play instead of one time.

Hey JayCarver,

unfortunately Chrome and now most other modern browsers will block autoplay functionality for videos with sound, you can read more about this in the ”autoplay restrictions” section in the Vimeo docs https://help.vimeo.com/hc/en-us/articles/115004485728-Autoplaying-and-looping-embedded-videos

The same thing also applies for youtube embeds.

Cheers

Hi thanks ThemeNectar good to know, however this article is referencing autoplaying embedded videos that automatically begin playing when a user just arrives on the page. My videos are not embedded on the page and all are user initiated and only play once the user clicks the play button and it launches in a lightbox—however now they have to click play 2 times.

Hey JayCarver, the lightbox is still using a regular video embed and adds it to the page dynamically once the play button is clicked. The lightbox plugin already has logic to attempt to force the embed to play once launched, but most browsers prevent that and see the situation as the same as trying to force a regular embed to autoplay. Internet Explorer doesn’t prevent it, so if you test in there you should see it playing once clicked.

Using the fancy box set to colour box hover effect. Is it possible to show the background before hover? So that the animation and colour change happenes on hover but the background image can already be seen before hover. Thanks

Hey MarcGarner,

You can use the following in regards:


.nectar-fancy-box[data-style="color_box_hover"] .box-bg {
    opacity: 1;
}

Cheers

That shows the background image but also the colour. I would like to display just the image background and then the colour overlay appears on hover as it normally would. Thanks.

Hey MarcGarner,

Change the snippet to:


.nectar-fancy-box[data-style="color_box_hover"] .box-bg {
    opacity: 1;
}

.nectar-fancy-box[data-style="color_box_hover"].using-img:not(:hover) .box-bg:after {
    opacity: 0;
}

Please use the support forum for future custom modding queries: https://themenectar.ticksy.com

Thanks in advance

Friends. Thanks for the excellent theme. One of the best I have used.

Recently, I have been asked to add audio in the website, just wanted to know is there any audio element to play mp3s in the theme like we have for video? Unable to find one. As a workaround I am using wordpress audio shortcode or the raw html audio tag.

Hey nehaldamania,

THe WP audio shortcode should allow an external URL, is there anyway you could provide a sample mp3 URL so that I can test it?

Cheers

Hi,

Here is the sample mp3 URL: https://drive.google.com/uc?export=download&id=1FnHq0_NlMucaWe2W531mUtDP7deV2FTy

It works with an html audio tag as shown below. However, doesn’t work with WP audio shortcode. <audio width=”200” height=”32” controls=”controls” src=”https://drive.google.com/uc?export=download&id=1FnHq0_NlMucaWe2W531mUtDP7deV2FTy” type=”audio/mp3”> </audio>

Thanks nehaldamania, the reason it won’t parse in the audio shortcode is because of the lack of file extension on the URL. If it was stored externally with a .mp3, it should work. I’ve confirmed that the above URL will not work however with or without Salient being the active theme.

​If you add this to the cart, the cart is home page and the checkout is home page, how do I fix this?

https://exposure.com.au/product/morning-glow-preset/

Do i need to reimport the view cart, and checkout? If so, how do i do it?

Hey gkhz,

What pages do you have assigned as the “cart” and “checkout” in WooCommerce > Status > Tools? https://docs.woocommerce.com/document/woocommerce-pages/

Cheers

Did you guys know the flip boxes when accessed through safari white out and glitch around?

Here is a Video recording of the boxes glitching out in safari. https://youtu.be/PE1N7_n3tWo

Hey buaerhaus,

that should not occur when using Salient v10.5+ can you verify that you’re on that version or above? If so, could you please share an example URL so I can take a look at the setup?

Thanks in advance

Off canvas shop sidebar where we could put the filters would be great. With a button or hover activated button for the filters to slide in.

Hey MarcGarner,

This idea has also been noted :)

It would be great to have grids on mobile such as shop category grids which can be configured to remain in a grid layout on mobiles rather than just changing to a single column list with one square under another.

Hey MarcGarner, thanks for the request. I’ve noted the idea on the wishlist.

Hi, I’m trying to do the latest update via ftp but keep getting this message when trying to activate the plugins: Unpacking the package…

The package could not be installed. PCLZIP_ERR_BAD_FORMAT (-10) : Invalid archive structure.

I have removed both the theme and the child theme. uploaded this unzipped version of: themeforest-4363266-salient-responsive-multipurpose-theme

please advise thank you

Hey tricks28,

1. It appears that your server is not able to decode the font files: https://ibb.co/nwGwxQH Try adding this into your .htaccess file:

<IfModule mod_mime.c>
    AddType application/vnd.ms-fontobject    .eot
    AddType application/x-font-opentype      .otf
    AddType image/svg+xml                    .svg
    AddType application/x-font-ttf           .ttf
    AddType application/font-woff            .woff
    AddType application/font-woff2           .woff2
</IfModule>

2. I can’t see the top space you’re referring to in Chrome: https://ibb.co/gwZ1RhM could you kindly provide a screenshot in regards?

Thanks again

Hi, I added that but still doesnt appear to be working.

Here is how that top error looks on my chrome: https://ibb.co/r2z2n6b

thanks

Hey tricks28, is that occurring when you’re logged out of the admin as well? It looks like a gap where the admin bar should be. If so, could you kindly reach out in regards with a temporary admin account via the contact form on My author page so I can take a closer look? https://themeforest.net/user/themenectar

Thanks

Hi, I have 5 columns with equal height and this works on desktop but on mobile the columns are different heights. How to fix this. See url for images: https://ibb.co/zbFC4ZJ https://ibb.co/h7N7p9q

Thnks in advance.

Hey Abbenhues,

Equal height only works on the same row, when columns are vertically stacked this no longer applies. You can however use CSS to force a minimum height if you’d like. Add a class name to the parent row such as “min-height-mobile” and then add this into the custom css box:

.mobile .min-height-mobile .span_12 > div {
   min-height: 300px;
} 

Cheers

Awesome, thanks!

You’re welcome Abbenhues :)

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