Using the particle news slider
-
-
- Kouskousou
- Sr. Rocketeer
- Posts: 131
- Thanks: 0
-
Hello,
I would use the particle "News Slider" in the home page as the template Xenon Home page (see screen capture). For this I copied the following files: newsslider.html.twig newsslider.yaml and I put in the folder templates/g5_hydrogen/particles and _newsslider.scss file in the templates /g5_hydrogen/SCSS/hydrogen
But it does not work. Why ? (See screen copy)
Thank you for your help
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
If you want to know how to copy a Gantry 5 particle from one template to another please read my tutorial here in Gantry 5 Official Documentation
here
.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- Kouskousou
- Sr. Rocketeer
- Posts: 131
- Thanks: 0
-
Thank you. Indeed, he had to follow instructions. Only when compile the CSS, I have this message. How to fix the problem? Thank you.
CSS Compiled With Warnings
Outline: 17
File: custom
Undefined variable $font_family_default: failed at `font-family: get-font-family($font-family-default);` /home/jalweb/www/hikashop/templates/g5_hydrogen/custom/scss/_newsslider.scss on line 91
Undefined variable $border_radius: failed at `border-radius: $border-radius;` /home/jalweb/www/hikashop/templates/g5_hydrogen/custom/scss/_newsslider.scss on line 221
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
It sounds like you are missing @import "dependencies"; from the top of your custom.scss file?
If you need more help, Please would you post your URL, superuser id and pswd in the secure tab of your post and i'll have a look for you. Also, Please post your FTP logon, password and FTP URL in the secure area of your post.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- Kouskousou
- Sr. Rocketeer
- Posts: 131
- Thanks: 0
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
Your custom CSS file is importing the dependencies twice and has two lots of empty media queries and the seems to duplicate CSS that you have already written once again? This all needs tidying up first please.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- Kouskousou
- Sr. Rocketeer
- Posts: 131
- Thanks: 0
- I deleted in custom.css duplicate lines (dependencies). But otherwise what should we do?
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
I removed all the empty media queries from your custom CSS and also all the duplicate statements.
The newsslider particle has a dependency on some variables that are not present in the Hydrogen template so I added a definition for these variables at the top of your custom.scss file. Then I recompiled the CSS from the base outlines and now the newsslider works.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- Kouskousou
- Sr. Rocketeer
- Posts: 131
- Thanks: 0
-
Thank you very much for your help !
I do not understand why the module is not the same as the Xenon model.
I tried to see the module with Xenon Firebug model but I can not find the corresponding lines in the vertical line and the bottom (see screen copy attached).
Because initially I wanted the same thing.
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
The template itself has specific styling base upon classes that should be added to the particle.
These classes won't exist in Hydrogen so it's no good just adding them on the particle. So what you need to do is to replicate that styling by looking at the statements in Xenon and doing the equivalent in Hydrogen...
.g-newsslider-headlines { background: rgba(18, 18, 18, 0.05) none repeat scroll 0 0; border-left: 1px solid rgba(104, 104, 104, 0.5); }
I can't do all the styling for you...
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
Time to create page: 0.098 seconds