An issue of layout after updating Gantry 5 components

[Nozza]

I am using Gantry v4.1.24 but I installed Gantry 5 by mistake. It wasn't necessary.

After that, the [MainBody] layout has changed.

The product page was shown on [mainbody], the section was configured without a sidebar section.

But after the update, the [mainbody] was always separated into two with a sidebar section.

I've been saving several times, but the layout setting is always coming back and I cannot use this space wider (full size, one box).

http://www.mapgiftshop.com/new-in.html

I have a backup so I am thinking to restore Gantry's folders, except the default CSS files.

But I am not sure it's a good idea or not. I hope I can find another way.

Would you please give me some advice?

Thank you in Advance.

Nozza

[Grant Preston]

Installing Gantry 5 should not be able to change anything to a Gantry 4 template unless you installed a Gantry 5 template and the template took over which would may happen if you installed both.

I'd recommend if you need to keep Gantry 4 for whatever reason (recommending highly that you upgrade to the new Gantry 5 and a new template sooner than later and adjust to it by reading up on it and watch the videos) than make sure you install the latest version of Gantry 4 and you could make sure you you have your Gantry 4 template assigned as the default template and assigned to all your menu items.

You can actually run Gantry 4 and 5 side by side with different menu items assigned to different templates. One or more of each. If you must use Gantry 4 only. Just make sure you delete Gantry 5 extension / component and any Gantry 5 template installed.

--
--
You received this message because you are subscribed to the Google
Groups "Gantry Framework for Joomla Users" group.
To post to this group, send email to
gantry-framework...@googlegroups.com
To unsubscribe from this group, send email to
gantry-framework-for-j...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/gantry-framework-for-joomla-users?hl=en
 
Gantry Framework Homepage: http://www.gantry-framework.org

---
You received this message because you are subscribed to the Google Groups "Gantry Framework for Joomla Users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to gantry-framework-for-j...@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[Nozza]

Thank you for your explanation.

Now I am clear about the Gantry 5 updated components.

From a conclusion, I've just managed to show the layout correctly.

I've been searching and trying to find a way out, then I've found those check points below from another page.

• Have you tried other pages? 
  
• Are your changes in the default version of the template or in an assigned copy? 
  
• Do you actually have items published to the positions sidebar-a and sidebar-b?

MainBody and Sidebar Layouts 
The layout for the mainbody area is slightly different from the other module layouts. The MainBody area in the Gantry framework consists of a set of modules above and below the component area (main content area) called "Content Top" and "Content Bottom". These two module positions, which will ALWAYS be the same width as the MainBody, each have a maximum of 3 module positions available in each position. Gantry will evenly apportion the required width for one to three modules being assigned. If you wish to alter the Gantry provided widths, then you would do so using CSS. Along with this MainBody area, there are up to 3 "Sidebar" positions available. This allows a very flexible 4 column design if needed, however if no sidebar's are required, it will automatically adjust to be a full-width design.

 

http://www.rockettheme.com/forum/gantry-framework/189390-adjusting-module-widths-with-the-gantry-slider-control

I've checked my site carefully, then I've found an invisible newly applied JS code as a module! Yay!

Thank you very much, really really appreciated your help and information.

[Grant Preston]

Glad you are getting things. I've upgraded all sites I work on from Gantry 4 to Gantry 5 and very pleased with how Gantry 5 keeps evolving. Also few if any people will keep making Gantry 4 templates as time waits for no man. So best to get acquainted with the newest version. Also we no longer really use this group as you can follow Gantry 5 on Gitter and GitHub.

[Luke Douglas]

Webtrend is correct about updating to Gantry 5. It is the future as well as it performs better and pages load faster.

If anyone reads this, here is how I upgrade a site to Gantry 5 (as well as to previous versions) and it works very well.

1. Within the website control panel (I use cPanel), in the file manager, I create a folder called 'newdesign'.
2. I select all of my root folders and files (except for the 'newdesign' folder) and copy them into the 'public_html/newdesign' folder.
3. I copy my current database (I use PHPAdmin) to a new database.
4. I create a new user with a new password.
5. I assign the new user to the new database.
6. I edit the 'configuration.php' file in the 'newdesign' folder to change the following fields:

1. 	public $user = 'NEW-USER-NAME';
   	public $password = 'NEW-USER-PASSWORD';
   	public $db = 'NEW-DATABASE-NAME';

7. At this point, I have now created a complete duplicate website which will NOT affect my current live website.
8. I go to the new development site by browsing to http://DOMAINNAME/newdesign/administrator/index.php link and login with my credentials.
9. The first step I take is to go into the global configuration settings and set the site 'offline' as well as set the 'Robots' to 'No index, No follow'.  You don't want anyone to view the development site except for administrators and super-users as well as you do not want search engines to index any pages (probably not necessary since the site is offline but I don't take any chances).
   
10. I install Gantry and my selected Gantry Template which I make as the default.
11. I go into my website file manager, navigation to http://DOMAINNAME/newdesign/templates/TEMPLATE-FOLDER/custom and create a 'scss' subfolder.
    
12. Inside the new 'scss' subfolder, I create a new custom.scss (NOT CSS) file.
1. This is the file where you will make all website custom style changes.
2. Remember, in your template settings, you can go click the 'Extras' down-arrow and enable the 'Development' setting so you won't have to re-compile your custom changes while working on the website.  Otherwise, if this setting is disabled, you will have to re-compile the style changes under the 'Style' tab in order to see the website with the new style changes.
13. If you have multiple screens, you can open your current website in one screen and your new development site in another screen so you can compare your changes to the development site to your current site.  I have three screens which really speeds up my development time. :)
14. Once you have the new development site ready to go live, you can swap out the two sites.  As this will bring the site down for 3-4 minutes, maybe shorter..maybe longer depending on the number of files that you have, you might want to do this late at night or very early in the morning.
15. Before proceeding, go back to your Global Configuration, set the development site back to online and set the Robots setting back to 'Index, Follow'.  FYI, there should be no reason to add any redirects in your HTACCESS file if you have not changed any of your content alias settings.
    
16. In your root 'public_html' folder, create a folder called 'original'. 
    
17. Select all files in your 'public_html' folder except for the 'newdesign' and 'original' subfolders. Copy the selected files to your 'public_html/original' folder.  Your root 'public_html' folder should be empty except for the two subfolders.
    
18. Navigate into your 'public_html/newdesign' folder, select all files and copy to your 'public_html' folder.
19. At this point, the new design should be live and you can proceed with normal website updates using your original administrator page links (without the 'newdesign/' subfolder).

I've used this process about 200 times over the past 5+ years and it has worked very well for me.

Enjoy!

Luke

[Grant Preston]

Yep this is a good procedure list to do in order to create a dev copy of your site before going to work on changing it. Good to see you still alive and kicking Luke. And just to note it's WebTread not WebTrend but a lot of people make that typo lol... Happy Holidays to any still on this thread :D

--
--
You received this message because you are subscribed to the Google
Groups "Gantry Framework for Joomla Users" group.
To post to this group, send email to

gantry-framework-for-joomla-us...@googlegroups.com

To unsubscribe from this group, send email to

gantry-framework-for-joomla-users+unsubscribe@googlegroups.com

For more options, visit this group at
http://groups.google.com/group/gantry-framework-for-joomla-users?hl=en
 
Gantry Framework Homepage: http://www.gantry-framework.org

---
You received this message because you are subscribed to the Google Groups "Gantry Framework for Joomla Users" group.

To unsubscribe from this group and stop receiving emails from it, send an email to gantry-framework-for-joomla-users+unsubscribe@googlegroups.com.