• Dec.
  • 17.
  • 2011

Importing Google Web Fonts, LightSpeed Web Store & SSL

As I am sure you know, SSL is very sensitive. Every link href, script src and img src in the document must be HTTPS for the page to be delivered completely secure.

If not, the encryption is partial and you may receive warnings about it. Worse, your customers will see warnings about it and might leave your site before buying or registering. So it’s better to never to let this happen, if possible. Especially in a production site (live). Goes without saying, I guess.

Anyway my latest thing is using Google Web Fonts because although I worship, love and adore WP-Cufon and Cufon and usually use them whenever I can I can’t use Cufon site-wide. Well, I could but not in good conscience if I care about how long the page takes to load and all of that.

Most of my clients choose 1 Universally available font for their main Body font and a couple of Specialty fonts for titles,headings and menus, to dress things up a bit. But my latest client wanted a Specialty font for their main Body font and so I found 3 compatible fonts in Google Web Font’s library. I used the @import in my main stylesheet and thought everything was going rather well.
Until we had to start checking SSL and wouldn’t you know it it wasn’t kicking in all the way.
Something was not getting encrypted and I could not figure out what it was.

Like I do whenever this kind of thing happens I reverted the template back to a default Web store Template and SSL kicked in all the way. After I looked through my customized files I still couldn’t find anything off…

Then I checked my main stylesheet and at the top was:

@import url(http://fonts.googleapis.com/css?family=Rokkitt:400,700);
@import url(http://fonts.googleapis.com/css?family=Alice);
@import url(http://fonts.googleapis.com/css?family=Kameron:400,700);

AHA! I switched it to:

@import url(https://fonts.googleapis.com/css?family=Rokkitt:400,700);
@import url(https://fonts.googleapis.com/css?family=Alice);
@import url(https://fonts.googleapis.com/css?family=Kameron:400,700);

And SSL kicked in all the way. JOY.

So don’t be silly like me. If you import fonts like this make sure the url is https. Good thing Google has SSL up the wazoo so this is not a problem. Awesome.

332 views Posted in Lightspeed Webstore, Technical Blog | Tagged , , , , , , | Leave a comment
  • Nov.
  • 25.
  • 2011

LightSpeed Web Store: What Product Attributes Get Displayed in the Slider?

Now that all the core files (any file that is not included in the template package is a core file) of LightSpeed Web Store are Open Source I can loosen the iron grip that many core files place on what the Web Store templates can do, within reason.

Case in point: the Slider aka the Accessible News Slider – by Brian Reindel http://blog.reindel.com. The Slider shows up in Product Details pages when you have used the Related Products option in a Product Card to relate other products with the current product being displayed by product_details.tpl.php. In your template the Slider uses slider.tpl.php file and also has a Class file located by this path: includes/xlsws/qform/XLSSlider.class.php.

Be careful editing any core files. It’s a good idea to keep a clean copy of core files around – in case your edits generate a blank white page of death you just overwrite the messed up file and your store will go back to normal.

Open XLSSlider.class.php and locate lines 58 – 63:

foreach($products as $prod) {
			$this->links[$prod->Rowid] = array();
			$this->links[$prod->Rowid]['image'] = $prod->SmallImage;
			$this->links[$prod->Rowid]['link'] = $prod->Link;
			$this->links[$prod->Rowid]['title'] = $prod->Name;
			$this->links[$prod->Rowid]['title2'] = $prod->Code;

The last line, line 63 displays the Product Code – why the Product Code has to be displayed in the Slider, I’ve never understood. If you’ve ever seen a Product Code you’d understand – Codes are typically something like FRG-298Blah. Not very pretty nor useful to a customer. And if it isn’t useful or pretty why show it?

To change the Code to something else we can choose a different Column from the xlsws_product table in the database.

Webkeywords = In all product cards you get 3 key words you can associate with a product.They’re assigned a number in the database even though no number is actually shown in a product card. WebKeywords are totally useless when used as mere meta tags since search engines don’t pay attention to them. They are actually supposed to help Web Store’s Search engine. They can also be used to assign a product to a Custom Page. I’ve found them to be very useful when used like a WordPress Tag. Since you can then use them to add a class name to a div and etc…WebKeywords are extremely useful bits of data because the client can input anything they want and they do not have to be unique to the product so they can group a bunch of products together in even more specific ways that a Web category can.

WebKeywords are numbered from left to right:
WebKeyword1 = left keyword
Webkeyword2 = center web keyword
Webkeyword3 = right web keyword

ProductColor = the color of the product – as set by the Size/Color Matrix
DescriptionShort = sometimes used instead of the Product Name
Description = sometimes used instead of the Product Name
Family = the Brand/Designer/Vendor associated with the product
Sell = Price – the price of the product
SellWeb = Price – the web price of the product – usually the same as Sell

Tip #1: You can’t type in the Column name as it is stored in the database. Web Store uses CamelCase ( a naming convention) so sell_web = SellWeb. description_short = DescriptionShort and so on.

Tip #2: The Slider is also used in Custom Pages – custom_page.tpl.php. Changes made to the template – slider.tpl.php – will show up on Custom Pages.

477 views Posted in Lightspeed Webstore, Technical Blog | Tagged , , | Leave a comment
  • Nov.
  • 17.
  • 2011

If you Buy LightSpeed POS and Web Store Seperately

Common Enough Situation:

You buy LightSpeed POS and then down the road decide you want to add the eCommerce connector (for an online store, using either Web Store or Magento).

The Potential Problem:

After you make the purchase,LightSpeed issues you a revised/new license that includes the eCommerce Connector but until you perform the steps listed below, you’re still using the old license that does not include the eCommerce connector and the privilege of using the Connector doesn’t kick in until you do.

INSTALLATION

(*instructions were written by Babak/A Mac POS).
(Required for LightSpeed Web Store & LightSpeed Magento Connector)

To retrieve your updated LightSpeed Server license, please follow these steps:

1. Go to the LightSpeed Server preference in System Preferences

2. Click the lock in the bottom left corner of the LightSpeed Server
preference pane, and enter your OS X password to authenticate

3. Select your licensed LightSpeed Server from the left-side of the pane

4. Once selected, please click ‘Stop’

5. Click on the ‘Refresh’ button under the Licensing section

6. Restart the computer running LightSpeed Server (your changes will not take effect until you have done so).

**I’m not sure if clients don’t get the exact same instructions from LightSpeed after they buy the eCommerce thing.

416 views Posted in Lightspeed Webstore, Technical Blog | Tagged , , | Leave a comment
  • Nov.
  • 17.
  • 2011

Internet Explorer and Z-Index and me

I’m sure you’re already aware of this but IE is a pain in the butt. I just spent more time than I like to admit trying to figure out why my dropdown menu would not stay open (on mouse hover) over my stupid slideshow. At first I thought it was because my stupid slideshow had a z-index value that was too high. So I spent time messing that up. But then I noticed a very curious thing: when I added a background color to the ul, the menu stayed open over the slideshow.

Hmmm.

I had added a background color to the ul but I’d used rgba for a transparent-ish background.Lower versions of IE(less than IE9) ignore rgba and I knew this. What I didn’t know, shockingly enough was that lower versions of IE will create a bug when they have an element with z-index and no background color. So if you want your drop down menus to stay open on hover over another element (no matter if it has z-index or not) you better add a background image or a color or both.

IE is so EVIL!!!!!!!!!!!!!!!!!

185 views Posted in Adventures In..., Technical Blog | Tagged , , | 2 Comments