{"id":2339,"date":"2009-03-04T17:32:40","date_gmt":"2009-03-05T00:32:40","guid":{"rendered":"http:\/\/css-tricks.com\/?p=2339"},"modified":"2015-02-25T19:48:44","modified_gmt":"2015-02-26T02:48:44","slug":"56-integrating-foxycart-and-wordpress","status":"publish","type":"page","link":"https:\/\/css-tricks.com\/video-screencasts\/56-integrating-foxycart-and-wordpress\/","title":{"rendered":"#56: Integrating FoxyCart and WordPress"},"content":{"rendered":"
FoxyCart is a very adaptable eCommerce system. Products are built on-the-fly as part of add to cart buttons that are just simple HTML. This means that you can integrate it with just about any CMS. In this screencast, we integrate it with WordPress. We make a special page template just for products. This page template loads the necessary FoxyCart files and automatically has an add to cart button that is controlled with custom fields in WordPress.<\/p>\n
Links from Video:<\/strong><\/p>\n FoxyCart is a very adaptable eCommerce system. Products are built on-the-fly as part of add to cart buttons that are just simple HTML. This means that you can integrate it with just about any CMS. In this screencast, we integrate it with WordPress. We make a special page template just for products. This page template […]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":1283,"menu_order":0,"comment_status":"open","ping_status":"open","template":"video-single.php","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"sig_custom_text":"","sig_image_type":"featured-image","sig_custom_image":0,"sig_is_disabled":false,"inline_featured_image":false,"c2c_always_allow_admin_comments":false,"footnotes":""},"tags":[],"acf":[],"jetpack-related-posts":[{"id":1686,"url":"https:\/\/css-tricks.com\/video-screencasts\/45-using-foxycart-for-ecommerce\/","url_meta":{"origin":2339,"position":0},"title":"#45: Using FoxyCart for eCommerce","date":"January 15, 2009","format":false,"excerpt":"FoxyCart is my new favorite eCommerce system. It is extremely easy to get started with. You have full design control over all aspects of it (cart, checkout, receipts). It has the features you need (downloadables, security, saved accounts, subscriptions). Best of all, it's not a bloated CMS. You can build\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":3974,"url":"https:\/\/css-tricks.com\/video-screencasts-4\/","url_meta":{"origin":2339,"position":1},"title":"Video Screencasts","date":"September 10, 2009","format":false,"excerpt":"#60: AJAX Refreshing RSS Content Running time: 22:56 In video #55 the end result was the FeedSmusher, which inserted content from external RSS feeds onto a page of our own. In this screencast, we will start there and use AJAX (with help from jQuery) to refresh that content without requiring\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":366092,"url":"https:\/\/css-tricks.com\/almanac\/properties\/g\/grid-template\/","url_meta":{"origin":2339,"position":2},"title":"grid-template","date":"May 26, 2022","format":false,"excerpt":"The grid-template CSS property is a shorthand that allows you to define grid columns, rows, and areas in a CSS grid container with one declaration. .grid-container { display: grid; grid-template: \"header header\" \"sidebar main\" 1fr \"footer footer\" min-content \/ 250px 1fr; } Constituent properties As mentioned, grid-template is a shorthand\u2026","rel":"","context":"Similar post","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2019\/12\/css-tricks-logo-gradient-outline.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":365866,"url":"https:\/\/css-tricks.com\/almanac\/properties\/g\/grid-template-areas\/","url_meta":{"origin":2339,"position":3},"title":"grid-template-areas","date":"May 20, 2022","format":false,"excerpt":"The grid-template-areas CSS property allows you to define and name the cells (or \u201careas\u201d) in a CSS grid container. .grid-container { display: grid; grid-template-areas: \"header header\" \"sidebar main\"; } So, that example above? We get a two-by-two grid where the top row reserves two columns for an area named header.\u2026","rel":"","context":"Similar post","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2019\/12\/css-tricks-logo-gradient-outline.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":372340,"url":"https:\/\/css-tricks.com\/almanac\/properties\/g\/grid\/","url_meta":{"origin":2339,"position":4},"title":"grid","date":"August 8, 2022","format":false,"excerpt":"The grid CSS property is a shorthand that allows you to set all the implicit and the explicit grid properties in a single declaration. .grid-container { display: grid; grid: auto-flow dense \/ repeat(5, 150px); } The above example sets grid-template-columns to repeat(5, 150px) and grid-auto-flow to row dense which creates\u2026","rel":"","context":"Similar post","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2019\/12\/css-tricks-logo-gradient-outline.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":365263,"url":"https:\/\/css-tricks.com\/almanac\/properties\/g\/grid-template-rows\/","url_meta":{"origin":2339,"position":5},"title":"grid-template-rows","date":"April 25, 2022","format":false,"excerpt":"The grid-template-rows CSS property is part of the CSS Grid Layout specification, defining the rows of a grid container by specifying the size of the grid tracks and its line names. .app-layout { display: grid; grid-template-rows: auto 1fr auto; } One thing to cover before we jump into the grid-template-rows\u2026","rel":"","context":"Similar post","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2019\/12\/css-tricks-logo-gradient-outline.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]}],"_links":{"self":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/2339"}],"collection":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/comments?post=2339"}],"version-history":[{"count":10,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/2339\/revisions"}],"predecessor-version":[{"id":155779,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/2339\/revisions\/155779"}],"up":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/1283"}],"wp:attachment":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media?parent=2339"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/tags?post=2339"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}\n