Post by VanessaJones » Sat Oct 15, 2016 12:02 am

Hi,

We are migrating a store from a different ecommerce system and need some guidance on the best way to create simple information pages within OC please. Like a mini internal CMS I suppose.

These would just be information pages to support the types of products sold. Ideally we need the ability to add images, text and the usual search engine friendly URLs and tags. We propose to link to the main information pages from the home page or perhaps appropriately from categories.

Is there an easy way to do this or perhaps an OCMOD compatible extension please?

Thanks
Vee

New member

Posts

Joined
Mon Sep 26, 2016 9:00 pm

Post by IP_CAM » Sat Oct 15, 2016 12:35 am

is there an easy way to do this or perhaps an OCMOD compatible extension please?
Better always check the Extension Section first:
http://www.opencart.com/index.php?route ... on%20pages
Ernie

My Github OC Site: https://github.com/IP-CAM
5'200 + FREE OC Extensions, on the World's largest private Github OC Repository Archive Site.


User avatar
Legendary Member

Posts

Joined
Tue Mar 04, 2014 1:37 am
Location - Switzerland

Post by labeshops » Sat Oct 15, 2016 12:45 am

VanessaJones wrote:Hi,

We are migrating a store from a different ecommerce system and need some guidance on the best way to create simple information pages within OC please. Like a mini internal CMS I suppose.

These would just be information pages to support the types of products sold. Ideally we need the ability to add images, text and the usual search engine friendly URLs and tags. We propose to link to the main information pages from the home page or perhaps appropriately from categories.

Is there an easy way to do this or perhaps an OCMOD compatible extension please?

Thanks
Vee
Is there a reason you cannot use the built in information pages? Catalog > Information.

Running Opencart v3.0.3.2 with multi-stores and the default template from https://www.labeshops.com which has links to all my stores.


User avatar
Expert Member

Posts

Joined
Thu Aug 04, 2011 4:41 am
Location - Florida, USA

Post by VanessaJones » Sat Oct 15, 2016 1:20 am

Hi,

Thanks for the prompt responses. We'll look again at the default functionality and maybe missed that. If not, we'll go the extension route or investigate writing something suitable.

Vee

New member

Posts

Joined
Mon Sep 26, 2016 9:00 pm

Post by OSWorX » Sat Oct 15, 2016 3:47 am

VanessaJones wrote:Hi,

Thanks for the prompt responses. We'll look again at the default functionality and maybe missed that. If not, we'll go the extension route or investigate writing something suitable.

Vee
No need to create something new.
There are many, many extension for this.
Called 'Blog'.

From my experience heck these:
http://www.opencart.com/index.php?route ... n_id=20668 (paid, but very good)
http://www.opencart.com/index.php?route ... n_id=21431 (free and simple)
http://www.opencart.com/index.php?route ... n_id=18315 (free and more features)

and many more, just use blog as keyword.

Full Stack Web Developer :: Dedicated OpenCart Development & Support DACH Region
Contact for Custom Work / Fast Support.


User avatar
Guru Member

Posts

Joined
Mon Jan 11, 2010 10:52 pm
Location - Austria

Post by fmw » Sat Oct 15, 2016 4:14 am

Vanessa, having done it, I'll walk you through the process of creating a new information page. In your dashboard go to catalog>information and click the add button. That's it. You name the page and put the information you want in the description field of the form. You can look on my site at http://192.96.215.234 and click on the private sale link in the top menu. It will take you to an information page called private sale that i created this way.

When you create the new info page it does not show up on the bottom menu with the other info pages. You will need some way to link to it.

I didn't know how to link to it so I took the url information from one of the other info pages and tried different file numbers until I hit the page I wanted. At that point I had the link to it. You shouldn't need an extension at all to make the page. You may want to look into an extension that allows you to put URL links instead of product categories in the top menu bar. The hard part isn't creating the page, the hard part is using it once it is created.

fmw
New member

Posts

Joined
Tue Aug 30, 2016 7:28 am

Post by OSWorX » Sat Oct 15, 2016 8:16 pm

He/She said:
Like a mini internal CMS I suppose.
That means to me not a few simple, not really easy linked pages (or per default only in the footer, but never and never without any extra work) like the internal system creates (Menu > Catlaog >> Information).
But I could be wrong - we all gave many tips to do it.

Full Stack Web Developer :: Dedicated OpenCart Development & Support DACH Region
Contact for Custom Work / Fast Support.


User avatar
Guru Member

Posts

Joined
Mon Jan 11, 2010 10:52 pm
Location - Austria

Post by labeshops » Sat Oct 15, 2016 8:27 pm

fmw wrote:Vanessa, having done it, I'll walk you through the process of creating a new information page. In your dashboard go to catalog>information and click the add button. That's it. You name the page and put the information you want in the description field of the form. You can look on my site at http://192.96.215.234 and click on the private sale link in the top menu. It will take you to an information page called private sale that i created this way.

When you create the new info page it does not show up on the bottom menu with the other info pages. You will need some way to link to it.

I didn't know how to link to it so I took the url information from one of the other info pages and tried different file numbers until I hit the page I wanted. At that point I had the link to it. You shouldn't need an extension at all to make the page. You may want to look into an extension that allows you to put URL links instead of product categories in the top menu bar. The hard part isn't creating the page, the hard part is using it once it is created.
Not sure why you had an issue with the links. Give the page an seo url like any other page and then the page link is yourdomain.com/seo-url-you-set-for-the-page - easy peasy

If you want it in the bottom menu, check the "bottom" box when you edit the information page. There are also extensions to let you add information pages to the top menu or to create a custom menu so you can easily link to them. Or add the link from your product page, category page, etc. However you want to do it.

You might also want to look at using the free shortcodes extension - you can then add modules like latest products easily to the information page. I did this on pages on my store like https://www.cosplaycostumecloset.com/la ... -new-added - it is done with the built in information pages with a shortcode after the text to add the latest product module. Very simple and flexible.

Running Opencart v3.0.3.2 with multi-stores and the default template from https://www.labeshops.com which has links to all my stores.


User avatar
Expert Member

Posts

Joined
Thu Aug 04, 2011 4:41 am
Location - Florida, USA

Post by VanessaJones » Sun Oct 16, 2016 8:00 pm

Thank you all for the very useful help. It looks like we have several options here without re-inventing the wheel.

Very much appreciated - thank you!
Vee

New member

Posts

Joined
Mon Sep 26, 2016 9:00 pm

Post by fmw » Mon Oct 17, 2016 3:54 pm

labeshops wrote:
fmw wrote:Vanessa, having done it, I'll walk you through the process of creating a new information page. In your dashboard go to catalog>information and click the add button. That's it. You name the page and put the information you want in the description field of the form. You can look on my site at http://192.96.215.234 and click on the private sale link in the top menu. It will take you to an information page called private sale that i created this way.

When you create the new info page it does not show up on the bottom menu with the other info pages. You will need some way to link to it.

I didn't know how to link to it so I took the url information from one of the other info pages and tried different file numbers until I hit the page I wanted. At that point I had the link to it. You shouldn't need an extension at all to make the page. You may want to look into an extension that allows you to put URL links instead of product categories in the top menu bar. The hard part isn't creating the page, the hard part is using it once it is created.
Not sure why you had an issue with the links. Give the page an seo url like any other page and then the page link is yourdomain.com/seo-url-you-set-for-the-page - easy peasy

If you want it in the bottom menu, check the "bottom" box when you edit the information page. There are also extensions to let you add information pages to the top menu or to create a custom menu so you can easily link to them. Or add the link from your product page, category page, etc. However you want to do it.

You might also want to look at using the free shortcodes extension - you can then add modules like latest products easily to the information page. I did this on pages on my store like https://www.cosplaycostumecloset.com/la ... -new-added - it is done with the built in information pages with a shortcode after the text to add the latest product module. Very simple and flexible.
I know how to write url's. The issue for me was figuring out the page number of the page I had created so that I could write a url for it. I did it by trial and error.

fmw
New member

Posts

Joined
Tue Aug 30, 2016 7:28 am

Post by labeshops » Tue Oct 18, 2016 6:11 am

If you hover over the edit link in the information list and look at the status section (at the bottom of your browser), you will see the category_id at the end of the link. But again, you don't need that if you have seo urls set up for it as you can just link to the seo url.

Running Opencart v3.0.3.2 with multi-stores and the default template from https://www.labeshops.com which has links to all my stores.


User avatar
Expert Member

Posts

Joined
Thu Aug 04, 2011 4:41 am
Location - Florida, USA

Post by SubatWest » Fri Nov 04, 2016 7:44 pm

On creating new information pages I am just about finishing up a site. I have noticed that changes I have made to the css for panel headings has been applied and shows correctly in every page EXCEPT a newly created information page. The site link is new.kevinkirby.com Shows is the menu link on the new information page. Having rechecked I have discovered ALL information pages are not rendered to css!
Can anyone explain why the infomation pages behave this way. I have confirmed all css pages are correct.
Thannks for any insights.

Active Member

Posts

Joined
Fri Oct 31, 2014 1:29 am

Post by cyclops12 » Sat Nov 05, 2016 1:39 am

SubatWest wrote:On creating new information pages I am just about finishing up a site. I have noticed that changes I have made to the css for panel headings has been applied and shows correctly in every page EXCEPT a newly created information page. The site link is new.kevinkirby.com Shows is the menu link on the new information page. Having rechecked I have discovered ALL information pages are not rendered to css!
Can anyone explain why the infomation pages behave this way. I have confirmed all css pages are correct.
Thannks for any insights.
Is there anything specific that is not working as "Show" page looks the same as "Home" page style wise (unless i missed something )

Expert Member

Posts

Joined
Sun Sep 27, 2015 1:10 am

Post by SubatWest » Sat Nov 05, 2016 2:29 am

Hi again
The panels' heading are different. The change to css gives this
2016-11-04 18_26_11-Kevin Kirby Limited.png

2016-11-04 18_26_11-Kevin Kirby Limited.png (1.45 KiB) Viewed 3495 times

But information page gives this
2016-11-04 18_25_49-Trade Shows.png

2016-11-04 18_25_49-Trade Shows.png (5.07 KiB) Viewed 3495 times

The coulor in the headings are not conforming to the css. I have removed some panels from other info pages because of this.

Active Member

Posts

Joined
Fri Oct 31, 2014 1:29 am

Post by cyclops12 » Sat Nov 05, 2016 3:17 am

Ah i see now....the calendar module seems to be using an external bootstrap.css file (https://maxcdn.bootstrapcdn.com/bootstr ... tstrap.css)
Is that en extension you have added ??

Expert Member

Posts

Joined
Sun Sep 27, 2015 1:10 am

Post by SubatWest » Sat Nov 05, 2016 7:27 am

No
I created this one myself using HYML module. Used the following code:

Code: Select all

<title>Bootstrap Case</title>  <meta charset="utf-8">  <meta name="viewport" content="width=device-width,  initial-scale=1">  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"><link href="catalog/view/javascript/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen" /><link href="catalog/view/theme/default/stylesheet/stylesheet.css" rel="stylesheet"></script><div class="container"> <div class="col-xs-6 col-sm-3"> <div class="panel-group">     <div class="panel panel-primary">    <div class="panel-heading">Calendar</div>
      <div class=" panel-body" =""="">New Holland Combines 2017<br>Peterborough Showgrounds<br>Alwalton<br> 30th June 2017<br><br>Hope to see you there!</div>
    </div>
      </div>
</div>
</div>
I am calling css that has been changed to the new colour.
Thanks

Active Member

Posts

Joined
Fri Oct 31, 2014 1:29 am

Post by cyclops12 » Sat Nov 05, 2016 6:00 pm

The default bootstrap.css file is using the correct colours but the maxcdn/bootstrap file is using different colours for panel heading.
You could try commenting out the call for maxcdn css file like this

Code: Select all

<title>Bootstrap Case</title>  <meta charset="utf-8">  <meta name="viewport" content="width=device-width,  initial-scale=1">  <!--<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">-->  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"><link href="catalog/view/javascript/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen" /><link href="catalog/view/theme/default/stylesheet/stylesheet.css" rel="stylesheet"></script><div class="container"> <div class="col-xs-6 col-sm-3"> <div class="panel-group">     <div class="panel panel-primary">    <div class="panel-heading">Calendar</div>
      <div class=" panel-body" =""="">New Holland Combines 2017<br>Peterborough Showgrounds<br>Alwalton<br> 30th June 2017<br><br>Hope to see you there!</div>
    </div>
      </div>
</div>
</div>
The only other difference i can see is the Breadcrumb links turns back to black, but you could just change in catalog/view/theme/default/stylesheet/stylesheet.css lines 35-37 change from

Code: Select all

a {
	color: #000;
}
To this

Code: Select all

a {
    color: #337ab7;
    text-decoration: none;
}
Basically i think its getting confused with the two bootstrap files being called

Expert Member

Posts

Joined
Sun Sep 27, 2015 1:10 am

Post by SubatWest » Mon Nov 07, 2016 4:29 pm

Hi
Thanks really appreciate your input. Have tried the suggestion re the panel and bootstrap but it is not affecting the issue.
I think I need to be clearer in the issue.
I have changed all color #337ab7 tp #0E3193 for my theme. That changed has been picked up successfully everywhere except on information pages. On closer examination I am now finding that it is not only color is the issue.
On information pages only the following problems are arising:
The black text at the top of the pages is <h4> but it changes in information pages
The panel colours do not conform on information pages
The footer is also affected and is not rendering correctly on infomation pages
It is a strange so I ran a test on OC 2.1.0.1 clean install on Localhost and the same thing is happening with the default theme and no changes by me. The footer changes in depth.
See attached.
footer_full_2016-11-07 08_23_24-.png

Footer on non-information pages - footer_full_2016-11-07 08_23_24-.png (13.89 KiB) Viewed 3437 times

heading_snap.png

Text on non-information page - heading_snap.png (3.07 KiB) Viewed 3437 times

Attachments

footer_2016-11-07 08_22_55-.png

Footer on information page - footer_2016-11-07 08_22_55-.png (32.77 KiB) Viewed 3437 times


Active Member

Posts

Joined
Fri Oct 31, 2014 1:29 am

Post by cyclops12 » Tue Nov 08, 2016 12:46 am

This is weird as if i check your home page (http://new.kevinkirby.com/)then the text "site last updated" is in H4 and the footer is 1263x242
Then if i check your trade shows page (http://new.kevinkirby.com/Trade%20Shows)the text "site last updated" is also in H4 and footer is also 1263x242
I noticed you have moved the calendar from the right column, and the colour is correct now

Expert Member

Posts

Joined
Sun Sep 27, 2015 1:10 am
Who is online

Users browsing this forum: No registered users and 96 guests