OpenCart Shortcodes

Post by qahar » Wed Oct 02, 2013 10:52 am

OpenCart Shortcodes is a technique which makes it easy to insert advanced content into OpenCart. OpenCart shortcodes based on Wordpress shortcodes API and share similiar format.

Download - Demo - Github Repo - Documentation

Note: OpenCart 1.5.x can use Shortcodes v1.1.1

===================================

OpenCart Shortcodes is a library and set of modification to enhance OpenCart with shortcodes based on Wordpress API. Initial modification of WordPress Shortcodes API is done by rempong.

Based on his modification I'm creating more possibility to play with it. The package come with default shortcode and of course possibility to extend available shortcode. Right now I'm still develope it but it's ready for public test, expecting feedback.

Within download package I put sample code for quick test.
This is screenshoot of information page with the sample code:

quick-sample-code.jpg (241.41 KiB) Viewed 28255 times

For 3rd extensions/ theme developer who want to make their work Shortcodes ready, please refer to this docs.

Post by OSWorX » Wed Oct 02, 2013 3:20 pm

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

Post by rempong » Wed Oct 02, 2013 8:41 pm

OPENCART MODULE :
Opencart Compare Link Link your compared product to forum/email

Frontend Link From Admin Dashboard Get link to product , category, manufacturer, information from admin backend.

Copy and DIRECTLY Edit Product the easy way.

Custom Product Sort Full control to product sorting options

Already Sold Product Module, shows total product sold

Post by rempong » Wed Oct 02, 2013 8:43 pm

function add_shortcode($tag, $func, $class) {

OPENCART MODULE :
Opencart Compare Link Link your compared product to forum/email

Frontend Link From Admin Dashboard Get link to product , category, manufacturer, information from admin backend.

Copy and DIRECTLY Edit Product the easy way.

Custom Product Sort Full control to product sorting options

Already Sold Product Module, shows total product sold

Post by qahar » Wed Oct 02, 2013 8:56 pm

[link_product id="x" path="xy_xz"]custom text[/product_link]

function link_product($atts, $content = '') {
   extract(shortcode_atts(array(
      'id'     => 0,
      'path'   => 0,
      ...
   ), $atts));
   
   if ($id) {
      $ssl     = ($ssl) ? "'SSL'" : "";
      $title   = ($title) ? 'Title="' . $title . '"' : "";

      if (!$content) {
         $this->load->model('catalog/product');
         $product = $this->model_catalog_product->getProduct($id);
      
         if(!$path && !$brand) {
            return '<a href="' . $this->url->link('product/product', 'product_id=' . $id, $ssl) . '" ' . $title . '>' . $product['name'] . '</a>';
         } elseif ($path && (!$brand || $brand)) {
         ... ...
      } elseif ($content) {
         if(!$path && !$brand) {
            return '<a href="' . $this->url->link('product/product', 'product_id=' . $id, $ssl) . '" ' . $title . '>' . $content . '</a>';
         } elseif ($path && (!$brand || $brand)) {
         ... ...
      }
   }
}

<a href="'.$this->url->link('product/product', 'product_id='.$id.'&path='.$path, $ssl).'" '.$title.'>' .$content. '</a>

Post by rempong » Wed Oct 02, 2013 9:06 pm

 DIR_TEMPLATE . $this->config->get('config_template') . '/shortcodes.php';

OPENCART MODULE :
Opencart Compare Link Link your compared product to forum/email

Frontend Link From Admin Dashboard Get link to product , category, manufacturer, information from admin backend.

Copy and DIRECTLY Edit Product the easy way.

Custom Product Sort Full control to product sorting options

Already Sold Product Module, shows total product sold

Post by qahar » Wed Oct 02, 2013 9:28 pm

Post by labeshops » Wed Oct 02, 2013 9:58 pm

I think I'm missing something. I've used shortcodes in wp, but not sure if there is an extra step I am missing here or what?

I copied the 2 files to the system/library and the vqmod to the folder, then tried to insert into my product template

Code: Select all

[module_product type="featured" limit="5" img_w="100" img_h="100" /]

as shown in your example, but it just displayed this line in my frontend as code. Do I need to wrap it in something?

Also, can I use any additional modules I have installed this way, for example the related products module or would I need to make some change to the other code to make it work??? or could I just do

Code: Select all

[module_product type="related" limit="5" img_w="100" img_h="100" /]

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

Post by labeshops » Wed Oct 02, 2013 10:17 pm

Okay, so I figured out my mistake.

I didn't realize your "overview how it works" was links to github - thought they were the actual files. I right clicked, saved as, and uploaded them. Then discovered they were html pages lol So clicked on them and went to github, got just the code, replaced the files and it works

Also, I discovered my second question about related module works just fine! See http://www.mildtowildshoes.com/red-sequ ... 15flamingo - I used shortcodes to put the related product module in the middle of my product template! Awesome! Still need to format it a bit better, but it works!

Thanks for a great project!

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

Post by Qphoria » Wed Oct 02, 2013 11:15 pm

Post by OSWorX » Wed Oct 02, 2013 11:27 pm

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

Post by labeshops » Wed Oct 02, 2013 11:33 pm

Attachments

shortcode-in-description.jpg (50.52 KiB) Viewed 28198 times

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

Post by qahar » Wed Oct 02, 2013 11:48 pm

Post by qahar » Wed Oct 02, 2013 11:50 pm

[link_product id="42" /]

[link_product id="42" /]

<span style="font-size:13px">[link_product</span> id="42" /]

Post by labeshops » Wed Oct 02, 2013 11:51 pm

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

Post by qahar » Wed Oct 02, 2013 11:54 pm

Post by qahar » Wed Oct 02, 2013 11:58 pm

labeshops wrote:

OSWorX wrote:

Qphoria wrote:We need a way to use them in product description. I'd imagine it might be possible in "Source" mode to add them ?

Not only at product description - would like to have them everywhere the editor is used (products, categories, texts, etc.)

It seems to already work everywhere! Added the latest module to an info page http://www.mildtowildshoes.com/about-high-heels-info !! Haven't tried it on other text items, but my guess is it will work site wide no matter if you add it to a editor box or a template! Extremely awesome IMO!!

It's work in module welcome and even in template file.

shortcode-hedaer-tpl.png (36.96 KiB) Viewed 28194 times

Post by labeshops » Thu Oct 03, 2013 12:35 am

qahar wrote:

labeshops wrote:Would like to see them for store name, link etc which would be very useful for multistores.

Read the shortcode test at installation on wiki page.
Shortcodes link is already available.

sorry I meant link to the store, not a link to a product. a [store_name] [store_link] that inserts the current store name or link to the store the customer is on would be useful to me especially in the product and category description if I want to reference the store they are currently browsing but that product is on more than 1 store.

Hope that makes more sense

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

Post by qahar » Thu Oct 03, 2013 2:34 pm

Post by qahar » Thu Oct 03, 2013 2:36 pm

[link_store store="1" route="product/product" args="path=xyz&product_id=x"]