0
Welcome Guest! Login
0 items Join Now

How to create new particals used in Template "A" transfer to Template "B"

Last Post
Search Topic

  • How to create new particals used in Template "A" transfer to Template "B"

    Posted 9 years 3 days ago
    • I do not now if some one has any experiance with creating particals in an Gantry 5 Template.

      What I want to do is the following.
      I like partical flexslider used in Joomla Template Isotope.
      But I want this type of partical in my Wordpress Template Requiem.

      So - Is this Possible?
      If so - how can I do that?
      If not easy but possible where can I find documentation to do this.

      Thanks and Best regards Marcel Snoeck
    #1252309
    • Matt's Avatar
    • Matt
    • Preeminent Rocketeer
    • Posts: 22058
    • Thanks: 3191
    • messin' with stuff

    Re: How to create new particals used in Template "A" transfer to Template "B"

    Posted 9 years 3 days ago
    • Particles are just TWIG and YAML files... VERY simply markdown languages that make it easy to make new/powerful content particles without having to know a lick of PHP or other more advanced languages.

      docs.gantry.org/gantry5/advanced/creating-a-new-particle
      docs.gantry.org/gantry5/tutorials/overriding-particle-settings

      So copy the twig and yaml file from rt_isotope/particles/ over to rt_requieum/custom/particles and you'll be off to a good start...

      You then need to locate .scss file associated with it as well and copy that over from rt_isotope/scss/isotope to rt_requiem/custom/scss/

      lastly see if there's any .js needed in rt_isotope/js/ and place that in is a Custom JS Atom on your Page Settings tab for the Outline that's assigned to your page with the Flexslider
      :)
    • SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT :woohoo:
    #1252427

  • Re: How to create new particals used in Template "A" transfer to Template "B"

    Posted 9 years 2 days ago
    • Thanks Matt,

      I have copied everyyhing what you said to the Custom directory.
      But when I add the JS of flexslider it seems that the formatting goes wrong.

      Could it be that some extra JS needed?
      And how can I check that?

      Best regards Marcel
    #1252519
    • Matt's Avatar
    • Matt
    • Preeminent Rocketeer
    • Posts: 22058
    • Thanks: 3191
    • messin' with stuff

    Re: How to create new particals used in Template "A" transfer to Template "B"

    Posted 9 years 2 days ago
    • I am not a Java developer and this level of customization really goes outside the scope of support here...

      please detail exactly what files you copied and exactly where you copied them to... then provide a link and I'll take a peek
    • SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT :woohoo:
    #1252554

  • Re: How to create new particals used in Template "A" transfer to Template "B"

    Posted 9 years 1 day ago
    • Hi Matt,

      First of all I understand that this is specific customization, but I thought if their is a simple way to combine particals of different Theme/Templates then this is really a big step forward.

      But For now I am very happy with Gantry 5, it is easy to use.

      I have copied the following files from Joomla Template Particals to Wordpress Theme
      I Created the following directories in "wp-content\themes\rt_requiem\custom"
      • wp-content/themes/rt_requiem/custom/js
      • wp-content/themes/rt_requiem/custom/particles
      • wp-content/themes/rt_requiem/custom/scss

      I put in dir "wp-content/themes/rt_requiem/custom/js" the file flexslider.js
      I put the following two files flexslider.html.twig and flexslider.yaml in "wp-content/themes/rt_requiem/custom/particles"
      and last file _flexslider.scss in the dir "wp-content/themes/rt_requiem/custom/scss"

      I first tested on my local system, but now I have created on my test system (details in secure tab)

      I configured the flexslider the same as in joomla Rocketlauncher Isotope.
      I also Added the JS file flexslider.js to Atoms, but then I get two big pictures under eache other.

      But if you can see in Isotope sample site the text is moved next to the big picture.
      On my test system it is under it.

      Picture 1 config Partical FlexSlider in WP main
      Picture 2 Item Config FlexSlider
      Picture 3 Test Website Result
      Picture 4 Rockettheme Demo Webpage FlexSlider sample
    #1252682
    • Matt's Avatar
    • Matt
    • Preeminent Rocketeer
    • Posts: 22058
    • Thanks: 3191
    • messin' with stuff

    Re: How to create new particals used in Template "A" transfer to Template "B"

    Posted 9 years 14 hours ago
    • rename _flexslider.scss to custom.scss and recompile scss from the styles tab
    • SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT :woohoo:
    #1252812

  • Re: How to create new particals used in Template "A" transfer to Template "B"

    Posted 9 years 3 hours ago
    • Hi

      I have re-named this scss file to custom.scss,
      But now I get an error message (see Print Screen)
      "failed at '@include transition(all 1s ease);'"

      This image is hidden for guests.
      Please log in or register to see it.



      Best regards Marcel
    #1253007
    • Matt's Avatar
    • Matt
    • Preeminent Rocketeer
    • Posts: 22058
    • Thanks: 3191
    • messin' with stuff

    Re: How to create new particals used in Template "A" transfer to Template "B"

    Posted 9 years 2 hours ago
    • comment out that line for now...
    • SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT :woohoo:
    #1253038

  • Re: How to create new particals used in Template "A" transfer to Template "B"

    Posted 9 years 1 hour ago
    • I have Comment out these lines.
      But now it gives an error on the following code:
          @include breakpoint(desktop-range) {
  		padding: 9.5rem 2rem;
  	}
    @include breakpoint(tablet-range) {
  		padding: 8.5rem 1.5rem;
  	}
    @include breakpoint(mobile-only) {
  		padding: 8rem 1rem;
  	}
      The error is see print screen:

      This image is hidden for guests.
      Please log in or register to see it.
    • Last Edit: 9 years 1 hour ago by yvonneenmarcel.
    #1253081

  • Re: How to create new particals used in Template "A" transfer to Template "B"

    Posted 8 years 11 months ago
    • After an update of Timber to version 0.22.2 Flexslider seems to work in Wordpress Requiem.

      Look at our test system www.fmtools.nl/fmpoint .
    #1253535

Time to create page: 0.066 seconds