Content - Revision history

PeterRobert at 08:07, 14 November 2024

2024-11-14T08:07:05Z

PeterRobert at 08:04, 14 November 2024

2024-11-14T08:04:57Z

PeterRobert at 07:57, 14 November 2024

2024-11-14T07:57:12Z

PeterRobert at 15:16, 3 September 2024

2024-09-03T15:16:35Z

PeterRobert at 06:56, 1 September 2024

2024-09-01T06:56:51Z

PeterRobert at 11:02, 1 April 2024

2024-04-01T11:02:45Z

PeterRobert at 10:59, 1 April 2024

2024-04-01T10:59:06Z

PeterRobert at 10:58, 1 April 2024

2024-04-01T10:58:20Z

PeterRobert at 04:55, 25 March 2021

2021-03-25T04:55:20Z

PeterRobert at 15:51, 17 March 2021

2021-03-17T15:51:08Z

@@ Line 18: / Line 18: @@
 ----
+==='''Module Groups'''===
 Most groups are self explanatory.
@@ Line 40: / Line 40: @@
 ----
+==='''Enable/Disable Module'''===
 *Click the item in the '''Modules''' column list to select it.
@@ Line 50: / Line 50: @@
 ----
+==='''Module Content Container'''===
 The display container of most content modules can be changed.
@@ Line 63: / Line 63: @@
 ----
+==='''Install Module'''===
 To install additional content modules:

@@ Line 7: / Line 7: @@
 [[File:modulescontent.jpg|link=|1500px]]
 </div>
-*This list shows all the content modules installed in the shop by default.
-*They are sorted into '''Groups''' according to the page on which they display.
+This list shows all the content modules installed in the shop by default.
-*They are also sorted by the '''Sort Order''' in which they are displayed on the page in relation to each other.
-*The '''Active''' column shows if they are enabled (currently displayed) on the page - green if they are enabled - red if they are disabled.
+They are sorted into '''Groups''' according to the page on which they display.
@@ Line 48: / Line 52: @@
-The display width of most content modules can be changed.
+The display container of most content modules can be changed.
 *Click the item in the '''Modules''' column list to select it.
 *Click <span class="btn-yellow">Edit</span> to open the edit panel.
-*Change the '''Content Width''' setting according to the instructions shown.
+*Change the '''Content Container''' setting according to the instructions shown.
 *Click <span class="btn-green">Save</span>
 For more information about using Bootstrap column width classes like, for example, '''col-sm-6''', see - '''[[Bootstrap_Grid|Bootstrap Grid]]'''
 ----
@@ Line 65: / Line 70: @@
 *Click <span class="btn-yellow">Install Module</span>
 *Click <span class="btn-yellow">Edit</span>
-*Choose a '''Content Width''' setting according to the instructions shown.
+*Choose a '''Content Container''' setting according to the instructions shown.
 *Enter a '''Sort Order''' value to order the display of the module in relation to the other modules in the same group.
 **Do not leave '''0''' as the '''Sort Order''' on modules as it can cause problems.

@@ Line 5: / Line 5: @@
 From admin go to [[File:adminnavbarmod.png|link=]] '''Modules &rarr; Content''' - you will see this:
 <div class="mainpage_box">
-[[File:modulescontent.png|link=|1500px]]
+[[File:modulescontent.jpg|link=|1500px]]
 </div>
 *This list shows all the content modules installed in the shop by default.

@@ Line 1: / Line 1: @@
 <div class="btn btn-grey btn-back">{{#fas:arrow-left}} Back</div> <div class="btn btn-grey btn-admin">{{#fas:cog}} Administration</div>
 <hr>
 From admin go to [[File:adminnavbarmod.png|link=]] '''Modules &rarr; Content''' - you will see this:
 <div class="mainpage_box">
@@ Line 6: / Line 8: @@
 </div>
 *This list shows all the content modules installed in the shop by default.
-*They are sorted into '''Groups''' according to on which page they display.
+*They are sorted into '''Groups''' according to the page on which they display.
 *They are also sorted by the '''Sort Order''' in which they are displayed on the page in relation to each other.
 *The '''Active''' column shows if they are enabled (currently displayed) on the page - green if they are enabled - red if they are disabled.
@@ Line 14: / Line 16: @@
-*Most groups are self explanatory.
+Most groups are self explanatory.
-**'''account''' refers to the page showing customer details and history they can access when they are signed in.
+*'''account''' refers to the page showing customer details and history they can access when they are signed in.
-**'''checkout_success''' refers to the page shown to a customer when they have completed an order.
+*'''checkout_success''' refers to the page shown to a customer when they have completed an order.
-**'''footer''' refers to the static element shown at the bottom of every page.
+*'''contact_us''' refers to the '''Contact Us'''.
-**'''footer_suffix''' refers to the static element shown below the footer.
+*'''creat_account_success''' refers to the page shown to a customer when they have completed registration.
-**'''gdpr''' refers to the GDPR page that customers can access when they are signed in.
+*'''footer''' refers to the static element shown at the bottom of every page.
-**'''header''' refers to the static element that shows at the top of every page.
+*'''footer_suffix''' refers to the static element shown below the footer.
-**'''index''' refers to the front home page.
+*'''gdpr''' refers to the GDPR page that customers can access when they are signed in.
-**'''index_nested''' refers to a page that lists categories or sub-categories.
+*'''header''' refers to the static element that shows at the top of every page.
-**'''index_products''' refers to a page that lists products.
+*'''index''' refers to the front home page.
-**'''log_in''' refers to the page shown when a login link is clicked or before a customer checks out.
+*'''index_nested''' refers to a page that lists categories or sub-categories.
-**'''navigation''' refers to the static element that shows at the top of every page and contains the navigation bar.
+*'''index_products''' refers to a page that lists products.
-**'''product_info''' refers to a page that shows a single product.
+*'''info''' refers to pages that show '''Info Pages'''.
-**'''shopping_cart''' refers to the shopping cart page.
+*'''log_in''' refers to the page shown when a login link is clicked or before a customer checks out.
+*'''navigation''' refers to the static element that shows at the top of every page containing the navigation bar.
 ----
@@ Line 34: / Line 39: @@
 *Click the item in the '''Modules''' column list to select it.
-*Click <span class="btn-yelloe">Edit</span> to open the edit panel.
+*Click <span class="btn-yellow">Edit</span> to open the edit panel.
 *Change the setting for '''Enable... Module''' to '''False'''.
 *Click <span class="btn-green">Save</span>
@@ Line 43: / Line 48: @@
-*The display width of most content modules can be changed.
+The display width of most content modules can be changed.
-**Click the item in the '''Modules''' column list to select it.
+*Click the item in the '''Modules''' column list to select it.
-**Click <span class="btn-yellow">Edit</span> to open the edit panel.
+*Click <span class="btn-yellow">Edit</span> to open the edit panel.
-**Change the '''Content Width''' setting according to the instructions shown.
+*Change the '''Content Width''' setting according to the instructions shown.
-**Click <span class="btn-green">Save</span>
+*Click <span class="btn-green">Save</span>
 For more information about using Bootstrap column width classes like, for example, '''col-sm-6''', see - '''[[Bootstrap_Grid|Bootstrap Grid]]'''
@@ Line 55: / Line 60: @@
-*To install additional content modules:
+To install additional content modules:
-**Click <span class="btn-red">Install Module</span> shown top right of screen - the number shown next to it indicates the number of modules available.
+*Click <span class="btn-red">Install Module</span> shown top right of screen - the number shown next to it indicates the number of modules available.
-**Click a module to use from the list.
+*Click a module to use from the list.
-**Click <span class="btn-yellow">Install Module</span>
+*Click <span class="btn-yellow">Install Module</span>
-**Click <span class="btn-yellow">Edit</span>
+*Click <span class="btn-yellow">Edit</span>
-**Choose a '''Content Width''' setting according to the instructions shown.
+*Choose a '''Content Width''' setting according to the instructions shown.
-**Enter a '''Sort Order''' value to order the display of the module in relation to the other modules in the same group.
+*Enter a '''Sort Order''' value to order the display of the module in relation to the other modules in the same group.
-***Do not leave '''0''' as the '''Sort Order''' on modules as it can cause problems.
+**Do not leave '''0''' as the '''Sort Order''' on modules as it can cause problems.
-***You can give it any number but note and follow the convention used as default which is helpful.
+**You can give it any number but note and follow the convention used as default which is helpful.
-**Click <span class="btn-green">Save</span>
+*Click <span class="btn-green">Save</span>
@@ Line 81: / Line 86: @@
 <hr>
-{{Page_In_Progress}}
+{{Pro}}
 {{Contribute}}

@@ Line 15: / Line 15: @@
 *Most groups are self explanatory.
-**'''account''' refers to the page showing customer details and history they can access when they are logged in.
+**'''account''' refers to the page showing customer details and history they can access when they are signed in.
 **'''checkout_success''' refers to the page shown to a customer when they have completed an order.
 **'''footer''' refers to the static element shown at the bottom of every page.
 **'''footer_suffix''' refers to the static element shown below the footer.
 **'''header''' refers to the static element that shows at the top of every page.
 **'''index''' refers to the front home page.

← Older revision		Revision as of 11:02, 1 April 2024
Line 48:		Line 48:
	**Click <span class="btn-green">Save</span>		**Click <span class="btn-green">Save</span>

−	For more information about using Bootstrap ~~Grid~~ see - '''[[Bootstrap_Grid]]'''	+	For more information about using Bootstrap column width classes like, for example, '''col-sm-6''', see - '''[[Bootstrap_Grid\|Bootstrap Grid]]'''

← Older revision		Revision as of 10:59, 1 April 2024
Line 48:		Line 48:
	**Click <span class="btn-green">Save</span>		**Click <span class="btn-green">Save</span>

−	For more information about using Bootstrap Grid see - Bootstrap_Grid	+	For more information about using Bootstrap Grid see - '''[[Bootstrap_Grid]]'''

← Older revision		Revision as of 10:58, 1 April 2024
Line 47:		Line 47:
	**Change the '''Content Width''' setting according to the instructions shown.		**Change the '''Content Width''' setting according to the instructions shown.
	**Click <span class="btn-green">Save</span>		**Click <span class="btn-green">Save</span>
		+
		+	For more information about using Bootstrap Grid see - Bootstrap_Grid

← Older revision		Revision as of 15:51, 17 March 2021
Line 63:		Line 63:
	***You can give it any number but note and follow the convention used as default which is helpful.		***You can give it any number but note and follow the convention used as default which is helpful.
	**Click <span class="btn-green">Save</span>		**Click <span class="btn-green">Save</span>
		+
		+
		+	----
		+
		+
		+	'''Tip:'''
		+	If you don't want to show a module, you can either disable (hide) it or remove (uninstall) it.
		+
		+	When playing with the design, it's a good option to disable it, as it saves the settings it has been given, meaning it will be exactly the same as it was if you choose to enable it again later.
		+
		+	However, this also means that it is loaded completely with every page, which in extreme circumstances might slow down your website
		+
		+	If you are sure you don't want to use a module, it is better to remove it than to hide it.