Embedded Spotify

folie

- 5 years, 9 months ago Van_i
 Participant
 Hi there.
 
 I’m writing you to ask several questions: if you prefer i can do one post for each question.
 The first issue that i have is to add a spotify player or playlist in a portfolio item.
 I tried to embed it through the elements but maybe i don’t used the right one. Any suggestion?
 
 The second question is about adding a list of events in the first page. Something like this (cause i’m doing a musicians website): https://gogopenguin.co.uk/#live.
 Do you suggest to do it with your list element or with an evenet manager?
 In the second case: is possible to add a widget area (maybe through php) in a row?
 
 The last question (sorry…) is about adding à spotify icon through social integrated widget. Is it possible?
 
 Looking forward an answer from you.
 Many thanks,
 
 Van
 
 This topic was modified 5 years, 9 months ago by Van_i.
- 5 years, 9 months ago Ruco
 Keymaster
 
 Hello,
 
 1. You can use the Custom Code element to add embedded code
 
 2. In this case you can use this type of organization: https://codeless.co/folie/conference-event/ Or you can use some plugin like: TablePress that is free.
 
 3. No you don’t need there is an Element called Widget Sidebar that you can use for this purpose.
 
 4. About spotify you can use this plugin: https://wordpress.org/plugins/social-icons/
 
 Let us know.
 
 Regards!
- 5 years, 9 months ago Van_i
 Participant
 
 This reply has been marked as private.
- 5 years, 9 months ago Ruco
 Keymaster
 
 Hello,
 
 You can also use socicon font: https://www.socicon.com/chart.php and install it. You have only to load the font on theme header.php file and call the font from the style.css like in the tutorial here: https://www.socicon.com/how.php
 
 Create a child theme and in the header.php load the font :
 
 <link rel="stylesheet" href="https://d1azc1qln24ryf.cloudfront.net/114779/Socicon/style-cf.css?9ukd8d">
 
 Also into the style.css on the child theme add the css code you will find here:
 https://www.socicon.com/how.php
 
 You can add the icon simply by using Custom code element and add the icon:
 
 
 Let us know.
 
 Regards!
- 5 years, 9 months ago Van_i
 Participant
 
 This reply has been marked as private.
- 5 years, 9 months ago Van_i
 Participant
 
 Hi again.
 
 I have an other question more to aks.
 
 I’m wondering how to add a video with the sound in a page.
 With your media elements we can just play the images, but no sound comes out.
 
 If i can suggest something (i saw that you have a forum for suggestion too) i think that a future improuvement for your theme it would be to add a video gallery with carousel option. Combined to the potential of your codeless builder it would be awesome!
 Do you suggest any widget to create a video section like this one: https://gogopenguin.co.uk/#videos ?
 
 Thanks,
 
 Van
- 5 years, 9 months ago Mirela
 Participant
 Hello,
 
 1-Yes, you can add another social. But there are several files where it’s needed to add more code. The files are:
 folie\includes\codeless_builder\config\cl-page-elements.php
 folie\includes\codeless_builder\header-elements\cl_socialicon.php
 folie\includes\codeless_builder\shortcodes\cl_socialicon.php
 folie\includes\core\codeless_icons.php
 folie\includes\widgets\codeless_socialwidget.php
 
 -Yes, you can change only the skype icon to another and use skype input field for your new social. Change the icon used for it in file: folie\includes\widgets\codeless_socialwidget.php
 Find this line:
 
 if( !empty($skype) ) echo '<li class="email"><a href="'.esc_url($skype).'"></a></li>';
 
 Change only this part: cl-icon-skype to the icon name you want to use.
 
 -Can you please send some wp credentials in a private reply? So we can check the other questions closely.
 
 PS: Yes, please open new ticket for other questions. Not only makes it easier for us to respond fast. But keeping one-ticket-per-issue helps us keep a easy to browse forum so other visitors can search and find help in it easily.
 
 Thank you!
- 5 years, 9 months ago Mirela
 Participant
 
 PPS: I have added your suggestion to our to-do list. We will try to include it in future theme updates!
- 5 years, 9 months ago Van_i
 Participant
 
 This reply has been marked as private.
- 5 years, 9 months ago Van_i
 Participant
 
 Hi there!
 
 I changed the cl-icon-skype for a fab fa-spotify on the folie\includes\widgets\codeless_socialwidget.php but nothing happen!
 That’s strange cause i loaded the font in the header.php and if i try to modify it through the chrome ispector, the spotify icon appear!
 
 Maybe when you’ll get in my account you can give a check to this too!
 
 Thanks,
 
 Van
- 5 years, 9 months ago Mirela
 Participant
 
 hello,
 
 That’s because the “fab fa-spotify” is a complete different font from the ones used in theme. It’s Font Awesome and it’s font files are not present at all in theme package or code.
 
 Adding it requires additional coding. I recommend keep using theme’s default font icons. The spotify icon code is: cl-icon-spotify.
 
 -Please check the credentials. I tried to login but the password is not accepted.
 
 Best regards!
- 5 years, 9 months ago Van_i
 Participant
 
 This reply has been marked as private.
- 5 years, 9 months ago Van_i
 Participant
 
 Just tried with cl-icon-spotify but nothings happen.
 The html code still remain 
- 5 years, 9 months ago Van_i
 Participant
 
 This reply has been marked as private.
- 5 years, 9 months ago Mirela
 Participant
 
 Hello,
 
 I see you have activated the child theme. Please activate parent theme and try again.
 
 Best regards!
- 5 years, 9 months ago Van_i
 Participant
 
 So that’s means that i cannot use the child theme? Cause i have to customize a little bit the site through css.
 
 Or you’re just saying me to activate the parent theme and after switch again on the child theme?
 
 Regards,
 
 Van
- 5 years, 9 months ago Van_i
 Participant
 Waiting for your reply about the possibility of using the child theme without troubles, i can already tell that:
 
 the theme still not take care about the change of the string cl-icon-spotify
 
 the parallax is still not showed on mobiles
 
 still cannot customize the articles through the codeless builder
 
 the animation top-bottom of the menu is still not showed the first time that i click on the hamburger icon
 
 But, good news, with the parent theme the lightbox works perfectly!
 
 Regards,
 
 Van
 
 This reply was modified 5 years, 9 months ago by Van_i.
- 5 years, 8 months ago Ruco
 Keymaster
 
 Hello,
 
 1. Yes you can use the Child theme, but if you want to add custom css you can use the Customizer > General > Custom Css box, so you don’t need to make any child theme. You can also update the theme without any problem because in that case the custom css lines are saved into the db.
 
 2.I have checked the cl-icon-spotify and works perfectly. Please let me know where you want to add that so i can do that for you.
 
 3. Parallax doesn’t work on mobile by default. We are sorry about that but we have decided so because the usage of parallax on mobile device create lot of other problems.
 
 4. In the latest version we have removed the customization of the article through the Codeless Builder beacause now the articles can be customized with Gutenberg Editor added by WordPress
 
 5.Now i’m checking it.
 
 Regards!
- 5 years, 8 months ago Ruco
 Keymaster
 
 Hello,
 
 We have fixed the issue with the menu too. This was a problem with the theme. In the next update the problem will be fixed.
 
 Best Regards!
- 5 years, 8 months ago Van_i
 Participant
 Hi Ruco!
 
 Many thanks for your reply! I answer point par point too:
 
 Honestly i prefer to edit the css through ftp, so i think that i’ll keep continue to use child-theme.
 
 Can you tell me how do you change the icon skype into a spotify icon? Cause i tried as you told me and nothing happen. I attach you a screenshoot of one of the icon that i have to change (i have several others to change in amazon icon etc…) https://drive.google.com/open?id=19UySAOiIJAOZTSjtGpClTPXDE0_c-uCb
 
 I’m sorry to discover that…cause mots of the users visit the site through mobile. But is the same for the background video?
 
 It’s a shame cause i don’t think that the gutemberg editor gives the same possibilities! Think about to reactivate it cause is very useful.
 
 Also with the parent-theme i still have the issue with the light-box…can you check please?
 
 Looking forward a reply.
 
 Many thanks,
 
 Van
 
 This reply was modified 5 years, 8 months ago by Van_i.
- 5 years, 8 months ago Mirela
 Participant
 
 Hello,
 
 Sorry for the late reply.
 2-I added the spotify as independent social already. Just add the link in the socials like the other ones. We will add it in the next theme update so this will not be necessary to get back to, anymore.
 
 3-No, the background video works as it should. I checked your sit ein mobile and the video plays. See recording: https://jmp.sh/K3d8qFN
 
 -I checked the lightbox, it works as it should on our side. I suspect one of your third party plugins is conflicting with lightbox script. Please deactivate them all and try again.
 Let us know.
 
 Best regards!
- 5 years, 8 months ago Van_i
 Participant
 Hi there.
 
 Ok, so i’ll wait for an amazon icon in the next update! Anyway it would be useful to understand how to add news icons.
 
 I checked again the videobackground on others phones and: it doesn’t work on safari’s iphones and also in some others android. I checked on a huawei and it worked: maybe there is some problems with the compatibilty of the browsers.
 
 I unistalled all the plugins and i tried to run the lightbox just with the theme required plugins: same result. So if there is a problem of conflit it comes by one them…
 
 Looking forward a reply.
 
 All the best,
 
 Van
- 5 years, 8 months ago Mirela
 Participant
 
 Hello,
 
 1-You can add icons if you want. I listed the files that need to be edited, in one of my old reply. You can do it in child theme too, just make sure to add the files right. The file you have added now (in child theme) is not correct as the folder name and file name are set in capital letter. While the original in parent theme is in lowerletter. This can cause issues.
 
 2-Yes, this is depended of OS type. This is a broader issue that we will look closely and fix in future updates.
 
 3-There is no problem with the bundled plugins. If so, it would have given the same issue to all installations. Some plugins (third party) make changes to the site code and even if you deactivate (or delete) them, these changes do not reverse back. Something like that could have happened to your site. You can test out the lightbox in a test environment.
 I suggest you install theme in a localhost and import demo data or your online site data. Use the wordpress import/export feature (Tools > Import/Export).
 
 Let us know.
 Best regards!
- 5 years, 8 months ago Van_i
 Participant
 
 Hi there.
 
 I don’t exactly understand the point 3. So i have to import a demo data and after? Is just to check that the gallery is well working in your demo or it will solve the issue?
 There is no way to understand what is conflicting with the theme and change it?
 
 Looking forward a reply!
 
 Best regards,
 
 Van
- 5 years, 8 months ago Van_i
 Participant
 
 Just found the problem, and i was right: the issue of the lightbox exist since the beginning…
 
 There is a conflict between the page transition and the lightbox!
 I just tried to swich off the “general>page transition” and everything works well!
 
 Regards,
 
 Van
- 5 years, 8 months ago Mirela
 Participant
 
 Hello,
 
 Thanks for notifying us. We will check this and include a fix next theme update if necessary.
 
 Best regards!

Viewing 25 reply threads

You must be logged in to reply to this topic.

Community Forums

Site Links

Useful Articles

Login