CMSMS Shop Skin Helper for osCommerce and Zen Cart + others

newagekat · Post by **newagekat** » Fri Sep 23, 2011 11:50 pm

Hi:

i've downloaded v1.2 of you skin helper. i created a special template in cmsms v1.9.4.2 for use with my zencart v1.3.9h.

i've also added allow_url_include = true in my php.ini file

added the comments to my cmsms template
added the php include codes to the 3 template files in my template override folder in zc and uploaded the changed files
i uploaded the script and empty directory in the root of my subdomain where the shop is installed.

I enabled the bug detector and ran the script, got positive messages that files were created. looked into the shopskin folder and nothing.

pointed my browser to the shop and the header section appear 2x. i've included a screen shot.

here's a link to the shop: http://shop.tc2.ca/

should i be using the default template and not the override folder?

oh i should mention that the only warning i had during my zc install was # PHP open_basedir restrictions. thought i'd mention it.

Owens · Post by **Owens** » Sat Sep 24, 2011 3:05 am

newagekat wrote:looked into the shopskin folder and nothing.

They files were created. I found them here...

I don't know your directory structure so I can't tell you which directory your subdomain shop. (http://shop.tc2.ca) is pointing to, but that is where the files where created.

newagekat wrote:pointed my browser to the shop and the header section appear 2x. i've included a screen shot.

Fix the comment in your CMSMS template. Instead of

Code: Select all

<!--SHOP HEAD -->

It should be (note the space between - and S)...

Code: Select all

<!-- SHOP HEAD -->

Right now your head file is everything because of that little typo.

newagekat wrote:should i be using the default template and not the override folder?

Your override template is loading the files just fine, as can be seen in your screen capture.

newagekat · Post by **newagekat** » Sat Sep 24, 2011 5:35 pm

Owens you are brilliant! yes i saw the files in shopskin. had to disconnect and log back in. thanks for noticing the typo. this has saved me hours of work, bless you.

hey can this be used to bring zen cart modules into cmsms? i want to be able to use the zen cart search function into cmsms?

Owens · Post by **Owens** » Sat Sep 24, 2011 9:04 pm

newagekat wrote:hey can this be used to bring zen cart modules into cmsms? i want to be able to use the zen cart search function into cmsms?

It can be used to skin any web page with the design of another web page. It's not limited to any particular product.

For some of my clients I have created a UDT that would put a search box into the CMSMS template that would load the advanced search of osC / ZC for their entered keywords.

If you are looking to include products in the search results of the CMSMS search module then you will need to do something clever.

rotezecke · Post by **rotezecke** » Wed Dec 14, 2011 5:51 am

with the release of cmsms 1.10 and the new {cms_stylesheet} tag I ran into a problem. {cms_stylesheet} suggests to load background images to be placed like

Code: Select all

h3 .error { background: url([[root_url]]/uploads/images/error_background.gif); }

when loading a https page using the cached skins, the shop_skin_helper code changes the URL to the stylesheets, but of course not the absolute URLs within the css. Most browsers then warn about non-secure content.
remove all references to [[root_url]] and use root slash / instead

Code: Select all

h3 .error { background: url(/uploads/images/error_background.gif); }

newagekat · Post by **newagekat** » Thu Aug 23, 2012 10:12 pm

Hey Owen:

i'm back! we are at launching stage and your skin helper has been a god send. one little glitch.

i now have an SSL installed on my shop at http://shop.tc2.ca when a secure page loads, the header goes completer out of whack. so a page like login or my account or checkout is completely crazy. can't figure out why. any ideas?

rotezecke · Post by **rotezecke** » Thu Aug 23, 2012 11:26 pm

i just loaded your login page and put a https in front of it:

https://shop.tc2.ca/index.php?main_page=login

view source tells me that the CSS file is loaded with

https://www.tc2.ca/tmp/cache/stylesheet ... 9c38e6.css

i suspect your certificate is not for https://www.... but for https://shop... and browser doesn't load it?

also, there's at least one image that's loaded via http://www... which may also give you a warning (not all loaded content is secure or similar)

you may have to change your ssl_modify_file function to reflect your needs. I think I'm not supposed to post code that modifies the core/module/plugin but that's how I addressed the issue.

Owens · Post by **Owens** » Fri Aug 24, 2012 10:16 pm

soportepro wrote:I just find OpenCart and looks good. I m using CMSMS and see your comment that you are fan of OpenCart. Do you have your Shop Skin Helper for OpenCart?
Thanks for all. Your contribution can be a great plugin in the cmsms dev site.

It's not a plug-in for any particular php application. It is a lightweight PHP script. The shop skin helper can skin (create templates to enclose) anything that outputs HTML to anything that outputs HTML. So yes it will work.

As for OpenCart follow the directions included in the About.pdf file that was included in the Shop Skin Helper download. The only difference will be Step 4.

*****

Step 4 Alternative Instructions for OpenCart
1. You will modify two files in the OpenCart default template that will sandwich the OpenCart
content.

Code: Select all

'OpenCart folder'/catalog/view/theme/default/template/common/header.tpl

Code: Select all

'OpenCart folder’/catalog/view/theme/default/template/common/footer.tpl

2. In the header.tpl file find:

Code: Select all

<head>

Directly after it add this code:

Code: Select all

<?php include('shopskin/shop-head.php'); ?>

3. In the header.tpl file find:

Code: Select all

</__body>

Directly after it add this code:

Code: Select all

<?php include('shopskin/shop-top.php'); ?>

4. At the very bottom of footer.tpl file find:

Code: Select all

<__body></__html>

Directly before it add:

Code: Select all

<?php include('shopskin/shop-bottom.php'); ?>

5. Upload the two OpenCart files we just modified to the correct directory on your web
server. The two files are:

Code: Select all

'OpenCart folder'/catalog/view/theme/default/template/common/header.tpl

Code: Select all

'OpenCart folder’/catalog/view/theme/default/template/common/footer.tpl

6. That's if for OpenCart

*****

If you require more assistance than that I code for money. My CMSMS member rate is $60 USD per hour.

Owens · Post by **Owens** » Fri Aug 24, 2012 10:24 pm

newagekat wrote:Hey Owen:

i'm back! we are at launching stage and your skin helper has been a god send. one little glitch.

i now have an SSL installed on my shop at http://shop.tc2.ca when a secure page loads, the header goes completer out of whack. so a page like login or my account or checkout is completely crazy. can't figure out why. any ideas?

Did you get this sorted out yet?

newagekat · Post by **newagekat** » Fri Aug 24, 2012 10:37 pm

Hi Owen:

thanks for checking on me, that's very kind. because we are skinning the ecommerce site i have to upgrade my ssl to include the cmsms site. it's the only thing i makes any sense. i have change the image that was hard coded in the stylesheet in cmsms to relative path. i have changed the config to cmsms and removed the www reference. now i'm waiting for the new ssl to be approved and delivered. if this fixes it, i will post back and close this thread.

enjoy the weekend.

soportepro · Post by **soportepro** » Sat Aug 25, 2012 1:51 am

Thanks Owens! Nice work...

rotezecke · Post by **rotezecke** » Fri Apr 05, 2013 2:39 am

Just upgraded to CMSMS 1.11.5 and shop-skin in combination with ancient OSC 2.2 with STS is now broken.

instead of parsing the block "shop head" where it belongs, it only parses the last two characters, in my current case
l}
from {/literal}

however, it appears the other two blocks are parsed ok but ecommerce content is missing. Then ALL three blocks are parsed (again) after the closing </__html> with e-commerce content in right place.

here's the template (somewhat simplified cause of character limit):

Code: Select all

{process_pagedata}{assign var=thisyear value=$smarty.now|date_format: "%Y"}<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<__html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

  <head profile="http://www.w3.org/2005/10/profile">
<link rel="icon" type="image/ico" href="/favicon.ico" />

<title>{title}</title>

{metadata|strip}

<!-- SHOP HEAD -->

{cms_stylesheet|strip}
<link rel="stylesheet" type="text/css" href="/catalog/includes/sts_templates/cmsms/css/shop_stylesheet.css" />
<__script__ type="text/javascript" src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></__script>
<__script__ type="text/javascript" src="../uploads/js/windowsize.js"></__script>
<__script__ type="text/javascript" src="includes/sts_templates/cmsms/js/sucker.js"></__script> 
{literal}
<!--[if lte IE 7]>
<__script__ type="text/javascript" src="../uploads/js/menu.js"></__script>

<style type="text/css">
#shopWrapper { top:0 !important; }
div.infobox, div.infobox_heading, div.infobox_content, div.infobox_content table, div.infobox_content table tr, div.infobox_content table tr td { position:relative; z-index:1; }
#shopInnerRight { margin:55px 0 0 0 !important; }
#shopping_cart .viewCartIcon { float: none; display: inline; !important; margin-left:35px !important; }
tr.productListing-even td { background-color:#e4eacb; }
.image_row_side {width:152px; }
</style>

<![endif]-->
{/literal}

<!-- END SHOP HEAD -->
  </head>
  </__body>
<!-- SHOP TOP -->
{strip}
     <div id="header_full" class="core-widthFix">
      <div id="header" class="core-pageWidth core-center">
        <hr class="accessibility" />
  	<div id="leftheader">
		<div id="colorLogo">
	    {cms_selflink page="home" text="$sitename" image="../uploads/images/logos/rpc_logo_rainbow.gif"  imageonly=1 alt="Rainbow Power Small Rainbow Logo"}

		</div>
		<div id="textLogo">

{cms_selflink page="home" text="$sitename" image="../uploads/images/logos/rpc_logo_font_ms.gif"  imageonly=1 alt="Rainbow Power Text Logo"}
   		  <div id="textSubLogo"> 
		    <span class="whitetext2">{global_content name='tag_line'}</span> 
		  </div>{* textSubLogo *}
		
		</div>{* textLogo *}
    </div>{* leftheader *}
	
  	<div id="rightheader">
		<div id="topSearchOne">
                  {search searchtext="Site Search" search_method="post" resultpage="search-results" submit="Go"}
    	        </div>  {* topSearchOne *}
		<div id="topSearchTwo" >
		  <form class="rightSearch" name="quick_find" action="advanced_search_result.php" method="get">
                        <label for="productsSearch">Product Search</label>
			<input name="keywords" type="text"  maxlength="30" id="productsSearch" value="Product Search" title="Click to search through products catalogue" onclick=" value=''" />{literal} {/literal}{* need a white space here *} 
                        <input class="search-button" type="submit" value="Go" name="submit2"/>
 
                  </form>
                  <span class="advancedSearch"><a href="advanced_search.php" rel="nofollow">Advanced Product Search</a></span>
		</div> {* topSearchTwo *}
  	</div> {* rightheader *}


       </div>

  </div>
{/strip}
  
<div id="navigation_full" class="core-widthFix">{global_content name='navigation_full'}</div>

<hr class="accessibility" />

<div id="content_full" class="clearb core-widthFix">
  <div id="content" class="core-pageWidth core-center"> 
    <div class="ht_spacer">&nbsp;</div>
    <div id="main" >
{strip}
      <div id="main-top">
      <div class="main-top-right-right core-float-right">
        <div class="side_icons">
         {global_content name='icon_maker'}
        </div> 
       </div>  {* main-top-right-right *} 
     </div>  {* main-top *}
{/strip}            

      <div class="round_dark">
       <div class="round_dark_top"><div>&nbsp;</div></div>
       <div class="main-main util-clearfix round_white">
         <div class="round_white_top"><div></div></div>
         <div class="main-sub util-clearfix">

<!-- END SHOP TOP -->
                {content}
<!-- SHOP BOTTOM -->

         </div>
         <div class="round_white_bottom"><div></div></div>
       </div>
       <div class="round_dark_bottom"><div></div></div>
      </div>

<hr class="accessibility" />

{global_content name='map_overlay'}

    </div>
   <div class="hb_spacer">&nbsp;</div>
  </div>
</div>
     
      <div id="footer_full" class="clearb core-widthFix">{global_content name='footer_full'}</div>

{jsmin}
 {global_content name='JS_cookie_size'}
 {JS_loader src1="https://apis.google.com/js/plusone.js"}
{/jsmin}
 {global_content name='google_analytics'}

 <!-- END SHOP BOTTOM -->
  <__body>
</__html>

here's view source:
I marked changes or comments like this [...edited...]
the character limit of this forum couldn't handle it all. the editing may have swallowed the odd <div> but the original actually was valid html.

Code: Select all

  
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

[....all good to here (in head) then this:]

l}

<!-- END SHOP HEAD -->
  </head>
  </__body>
<!-- SHOP TOP -->
<div id="header_full" class="core-widthFix">[menu and stuff]</div>

<hr class="accessibility" />
<div id="content_full" class="clearb core-widthFix">
  <div id="content" class="core-pageWidth core-center"> 
    <div class="ht_spacer">&nbsp;</div>
    <div id="main" >
[...edited...]
      <div class="round_dark">
       <div class="round_dark_top"><div>&nbsp;</div></div>
       <div class="main-main util-clearfix round_white">
         <div class="round_white_top"><div></div></div>
         <div class="main-sub util-clearfix">

<!-- END SHOP TOP -->
              [...this is the actual CMSMS {content} that should not appear here...]  <br /><!-- Add code here that should appear in the content block of all new pages --><!-- SHOP BOTTOM -->

         </div>
         <div class="round_white_bottom"><div></div></div>
       </div> 
       <div class="round_dark_bottom"><div></div></div>
      </div> 

<hr class="accessibility" />

<div class="simple_overlay" id="bigInstallMap">[...edited...]</div>

    </div>
   <div class="hb_spacer">&nbsp;</div>
  </div> 
</div>
     
      <div id="footer_full" class="clearb core-widthFix"><div id="footer" class="core-pageWidth"><div id="footer1">[...edited...]</div> <div class="clearb" id="footer2">[...edited...]</div> <div class="clearb" id="footer3">&copy; Copyright 1997- ~ Rainbow Power Company Ltd</div>  </div>  </div>

<__script__ type="text/javascript">[...edited...]</__script>

 <!-- END SHOP BOTTOM -->
  <__body>
</__html>

[...here's what should have been in the head ...]

<link rel="canonical" href="http://test.wallaby.nimfm.org/catalog/" />
<link rel="image_src" href="http://test.wallaby.nimfm.org/uploads/images/logos/rpc_logo_rainbow.gif" />
	<meta name="robots" content="noodp" />
</head>
</__body>

[...and the shop top block again...]  
  
<div id="header_full" class="core-widthFix">[...edited...]

[...now there's the content from the e-commerce section ...]
    <div id="shopTop">
   <div class="clearb"></div>
	
[...edited...]
  </div><!-- shop Wrapper -->
   
[...and now shop bottom again...]
  

         </div>
         <div class="round_white_bottom"><div></div></div>
       </div> 
       <div class="round_dark_bottom"><div></div></div>
      </div> 

<hr class="accessibility" />

<div class="simple_overlay" id="bigInstallMap">[...edited...]</div>

    </div>
   <div class="hb_spacer">&nbsp;</div>
  </div> 
</div>
     
      <div id="footer_full" class="clearb core-widthFix">[...edited...]</div>

<__script__ type="text/javascript">[...edited...]</__script>
<__body>
</__html>

any ideas?

Owens · Post by **Owens** » Fri Apr 05, 2013 11:55 am

Do you have a link to the page being used to create the skins?

This script is pretty simplistic in its functionality. It looks at the page as it is rendered for the end user. Then saves everything between the comment tags.

Perhaps the shop skin helper script needs a change in the way it handles characters. I haven't updated it since November 13, 2009 after all.

Owens · Post by **Owens** » Fri Apr 05, 2013 12:04 pm

Also what are the links to the directory with the skin files.

It also seems that something might be amiss with the setup in the OSC STS template system, if it's showing stuff more than once.

rotezecke · Post by **rotezecke** » Fri Apr 05, 2013 7:43 pm

hi Owen

the live site is here: rpc,com.au
i only applied the CMSMS 1.11.5 update on my local server. i rolled back to 1.11.4 by now and things came back to normal. i didnt touch neither oscommerce STS stuff (or any osc stuff) nor the CMSMS template. i looked at the three skin files and they look OK while in 1.11.5 mode. shopskin debug looked fine.

however, the osc pages were compiled incorrectly.
the only thing in the 1.11.5 changelog that looks related is:

- Fixes problem with contentprecompile not being fired
i have no idea what that means (or if its related).

html is valid short of microdata. rest of site was working fine in 1.11.5.
cmsms site is pretty simple, not too many modules. everything is up to date, except for the CGmodules - which by now require php 5.3. and most of those modules are not called on template for osc pages. here's what's working after roll back to 1.11.4:

Cms Version: 1.11.4

Installed Modules:

CMSMailer: 5.2.1
MenuManager: 1.8.5
News: 2.12.10
CGSmartImage: 1.10.1
Search: 1.7.7
TinyMCE: 2.9.12
CGSimpleSmarty: 1.5.3
CGExtensions: 1.31.4
CGBlog: 1.9.12
CGFeedback: 1.5.10
Captcha: 0.4.6
FormBuilder: 0.7.3
Showtime: 3.3

Config Information:

php_memory_limit:
process_whole_template:
output_compression:
max_upload_size: 2000000
url_rewriting: mod_rewrite
page_extension: .html
query_var: page
image_manipulation_prog: GD
auto_alias_content: true
locale:
default_encoding: utf-8
admin_encoding: utf-8
set_names: true

Php Information:

phpversion: 5.2.6-1+lenny16
md5_function: On (True)
gd_version: 2
tempnam_function: On (True)
magic_quotes_runtime: Off (False)
E_STRICT: 0
memory_limit: 128M
max_execution_time: 60
output_buffering: On
safe_mode: Off (False)
file_uploads: On (True)
post_max_size: 8M
upload_max_filesize: 2M
session_save_path: /tmp (1777)
session_use_cookies: On (True)
xml_function: On (True)
xmlreader_class: On (True)

Server Information:

Server Api: apache2handler
Server Db Type: MySQL (mysql)
Server Db Version: 5.0.51a
Server Db Grants: Found a "GRANT ALL" statement that appears to be suitable

CMS Made Simple Forums

CMSMS Shop Skin Helper for osCommerce and Zen Cart + others

Re: CMSMS Shop Skin Helper for osCommerce and Zen Cart + oth

Re: CMSMS Shop Skin Helper for osCommerce and Zen Cart + oth

Re: CMSMS Shop Skin Helper for osCommerce and Zen Cart + oth

Re: CMSMS Shop Skin Helper for osCommerce and Zen Cart + oth

Re: CMSMS Shop Skin Helper for osCommerce and Zen Cart + oth

Re: CMSMS Shop Skin Helper for osCommerce and Zen Cart + oth

Re: CMSMS Shop Skin Helper for osCommerce and Zen Cart + oth

Re: CMSMS Shop Skin Helper for osCommerce and Zen Cart + oth

Re: CMSMS Shop Skin Helper for osCommerce and Zen Cart + oth

Re: CMSMS Shop Skin Helper for osCommerce and Zen Cart + oth

Re: CMSMS Shop Skin Helper for osCommerce and Zen Cart + oth

Re: CMSMS Shop Skin Helper for osCommerce and Zen Cart + oth

Re: CMSMS Shop Skin Helper for osCommerce and Zen Cart + oth

Re: CMSMS Shop Skin Helper for osCommerce and Zen Cart + oth

Re: CMSMS Shop Skin Helper for osCommerce and Zen Cart + oth