ShopSite Forums

by **hammer** » Tue Sep 30, 2014 11:09 am

I have a problem I can't seem to resolve. I have set up the shopsite plugin for wordpress. I have added the shopsite products to the blog using the plugin. On the wordpress pages, some product images display correctly along with the product text, price and order button. Other product images display, but are not displaying properly. The image is badly distorted, the text is good and so is the order button. Here are two wordpress blog pages. One the product image displays. The other the product image does not display properly. I am at a lost about how to fix this.

Example One where image displays correctly.

http://www.lobsters-online.com/lobsterfly/index.php/mothers-day-maine-lobster-benedict-recipe/

Example Two where image does not display correctly

http://www.lobsters-online.com/lobsterfly/index.php/steaming-or-boiling-lobster-which-is-best/

I have tried different products on the pages. Some appear correctly. Some do not.

Please help.

Hammer

by **ShopSite Lauren** » Wed Oct 01, 2014 6:28 pm

I am not able to view your WordPress site (just comes up as blank pages, even when I click the links on your main website), but my guess is that your WordPress site is using a responsive design layout, and forces images smaller to fit the space available. The default templates for the WordPress theme use tables. There are newer templates that are available which are geared towards responsive design sites that are DIV driven. Below is the code for a DIV driven template (if you are using the em_AdvancedLayout.sst template (there is a basic version too if you need that). So go to Merchandising > Custom Templates > Page/Product > New Product Template, and create an em_AdvancedLayoutDIVS.sst template. Then paste the code below into that template. Once that is done, you can go to Merchandising > Social Media > WordPress, and select this new template.

Code: Select all: [-- DEFINE SUBPRODUCT --] <input type="radio" name="itemnum" value="[-- PRODUCT.RecordNumber --]"> [-- PRODUCT.Name --] [-- IF PRODUCT.DisplayPrice --][-- IF PRODUCT.SaleAmount --][-- IF PRODUCT.SaleOn --][-- PRODUCT.PriceStyle Begin --][-- PRODUCT.SaleAmount --] [-- STORE.OnSaleText --][-- PRODUCT.PriceStyle End --][-- ELSE --][-- PRODUCT.PriceStyle Begin --][-- PRODUCT.Price --][-- PRODUCT.PriceStyle End --][-- END_IF --][-- ELSE --][-- PRODUCT.PriceStyle Begin --][-- PRODUCT.Price --][-- PRODUCT.PriceStyle End --][-- END_IF --][-- END_IF --] [-- END_DEFINE SUBPRODUCT --] ################################################################################ [-- DEFINE PRODUCT --] <style type="text/css"> #ss_em_pr {padding: 0px; margin: 0px; font-family: [-- IF STORE.Font --][-- STORE.Font --][-- ELSE --]arial, helvetica, sans-serif[-- END_IF --]; font-size: [-- IF STORE.FontSize --][-- STORE.FontSize --][-- ELSE --]10pt[-- END_IF --]; color: #[-- STORE.TextColor --]; max-width: 100%;} #ss_em_pr .pr_name, #ss_em_pr .pr_sku, #ss_em_pr .pr_price, #ss_em_pr input.add {display: block;} #ss_em_pr input.add_text {border: 0px; background: #[-- STORE.LinkColor --]; color: #FFFFFF; font-weight: normal; font-size: 100%; margin: 5px 0px; padding: 8px 12px; clear: both; border-radius: 3px;} #ss_em_pr .pr_price {padding: 10px 0px;} #ss_em_pr .pr_price strike {display: block; font-size: 80%;} #ss_em_pr .pr_variable {line-height: 180%;} #ss_em_pr .Bold, #ss_em_pr .bold {font-weight: bold;} #ss_em_pr .Big, #ss_em_pr .big {font-size: 120%;} #ss_em_pr .Small, #ss_em_pr .small {font-size: 80%;} #ss_em_pr .Italic, #ss_em_pr .italic {font-style: italic;} #ss_em_pr hr {clear: both; margin: 10px auto;} .right {text-align: right;} .left {text-align: left;} .ss-graphic img, .ss-graphic-left img, .ss-graphic-right img {max-width: 100%; width: 100%;} .ss-graphic, .ss-productinfo {clear: both; padding: 0px 0px 10px 0px; text-align: center; margin: 0px auto;} .ss-productinfo table {margin: 0px auto;} .ss-graphic-right {float: right; width: 50%; max-width: 50%; clear: none; padding: 0px 0px 10px 0px; margin: 0px; text-align: center;} .ss-productinfo-left {float: left; width: 46%; max-width: 46%; clear: none; padding: 0px 0px 10px 0px; margin: 0px; text-align: left;} .ss-graphic-left {float: left; clear: none; width: 46%; max-width: 46%; padding: 0px 0px 10px 0px; margin: 0px; text-align: center;} .ss-productinfo-right {float: right; clear: none; width: 50%; max-width: 50%; padding: 0px 0px 10px 0px; margin: 0px; text-align: left;} .ss-productdescription {clear: both; padding: 5px 0px 10px 0px; margin: 0px auto; text-align: left;} .ss-subproducts, .ss-variables {clear: both; padding: 10px 0px; margin: 0px auto;} .clear {clear: both; padding: 0px; margin: 0px;} </style> <div id="ss_em_pr"> ##### Product Graphic ##### [-- IF PRODUCT.ImageAlignment "Center" --] [-- IF PRODUCT.DisplayGraphic --] [-- IF PRODUCT.MoreInformationGraphic --] <div class="ss-graphic">[-- PRODUCT.MoreInformationGraphic ONLY_ALT_TAG --]</div> [-- ELSE_IF PRODUCT.Graphic --] <div class="ss-graphic">[-- PRODUCT.Graphic ONLY_ALT_TAG --]</div> [-- END_IF --] [-- END_IF --] <div class="ss-productinfo"> [-- ELSE_IF PRODUCT.ImageAlignment "Right" --] [-- IF PRODUCT.DisplayGraphic --] [-- IF PRODUCT.MoreInformationGraphic --] <div class="ss-graphic[-- IF PRODUCT.TextWrap "On" --]-right[-- ELSE --] right[-- END_IF --]">[-- PRODUCT.MoreInformationGraphic ONLY_ALT_TAG --]</div> [-- ELSE_IF PRODUCT.Graphic --] <div class="ss-graphic[-- IF PRODUCT.TextWrap "On" --]-right[-- ELSE --] right[-- END_IF --]">[-- PRODUCT.Graphic ONLY_ALT_TAG --]</div> [-- END_IF --] [-- END_IF --] <div class="ss-productinfo[-- IF PRODUCT.TextWrap "On" --]-left[-- END_IF --]"> [-- ELSE_IF PRODUCT.DisplayGraphic --] [-- IF PRODUCT.MoreInformationGraphic --] <div class="ss-graphic[-- IF PRODUCT.TextWrap "On" --]-left[-- ELSE --] left[-- END_IF --]">[-- PRODUCT.MoreInformationGraphic ONLY_ALT_TAG --]</div> [-- ELSE_IF PRODUCT.Graphic --] <div class="ss-graphic[-- IF PRODUCT.TextWrap "On" --]-left[-- ELSE --] left[-- END_IF --]">[-- PRODUCT.Graphic ONLY_ALT_TAG --]</div> [-- END_IF --] <div class="ss-productinfo[-- IF PRODUCT.TextWrap "On" --]-right[-- END_IF --]"> [-- END_IF --] ##### Product Name ##### [-- IF PRODUCT.VariablePrice? --] [-- IF PRODUCT.VariableName? --] [-- ELSE_IF PRODUCT.DisplayName --] <span class="pr_name [-- PRODUCT.NameSize --] [-- PRODUCT.NameStyle --]">[-- PRODUCT.Name --]</span> [-- END_IF --] [-- ELSE_IF PRODUCT.DisplayName --] <span class="pr_name [-- PRODUCT.NameSize --] [-- PRODUCT.NameStyle --]">[-- PRODUCT.Name --]</span> [-- END_IF --] ##### Product Sku ##### [-- IF PRODUCT.VariablePrice? --] [-- IF PRODUCT.VariableSKU? --] [-- ELSE_IF PRODUCT.DisplaySKU --] [-- IF PRODUCT.Sku --] <span class="pr_sku [-- PRODUCT.SKUSize --] [-- PRODUCT.SKUStyle --]">[-- PRODUCT.Sku --]</span> [-- END_IF --] [-- END_IF --] [-- ELSE_IF PRODUCT.DisplaySku --] [-- IF PRODUCT.Sku --] <span class="pr_sku [-- PRODUCT.SKUSize --] [-- PRODUCT.SKUStyle --]">[-- PRODUCT.Sku --]</span> [-- END_IF --] [-- END_IF --] #<hr> ##### Product Subproducts ##### [-- IF PRODUCT.Subproduct --] <form action="[-- SHOPPING_CART_URL BASE --]/order.cgi" method="post"> <input type="hidden" name="storeid" value="[-- STORE.ID --]"> <input type="hidden" name="dbname" value="products"> <input type="hidden" name="function" value="add"> <div class="ss-subproducts"> [-- LOOP SUBPRODUCTS --] [-- SUBPRODUCTS em_AdvancedLayout.sst --]<br> [-- END_LOOP SUBPRODUCTS --] </div> [-- IF ADDIMAGE? --] <input class="add" type="image" [--ADDIMAGE--]> [-- ELSE --] <input class="add_text" type="submit" value="[-- ADDTEXT --]"> [-- END_IF --] </form> <hr> ##### Product Add To Cart If No Subproducts ##### [-- ELSE --] <form action="[-- SHOPPING_CART_URL BASE --]/order.cgi" method="post"> <input type="hidden" name="storeid" value="[-- STORE.ID --]"> <input type="hidden" name="dbname" value="products"> <input type="hidden" name="function" value="add"> <input type="hidden" name="itemnum" value="[-- PRODUCT.RecordNumber --]"> <div class="ss-variables"> [-- VAR.Options "no" --] [-- IF PRODUCT.VariablePrice? --] <span class="pr_variable"> [-- IF PRODUCT.VariableName? --] <b>[-- STORE.ProductName --]:</b> <input type="text" name="[-- PRODUCT.RecordNumber --]:name" size="20" maxlength="100" value=""><br> [-- END_IF --] [-- IF PRODUCT.VariableSKU? --] <b>[-- STORE.Sku --]:</b> <input name="[--PRODUCT.RecordNumber--]:sku" size="10" value="" type="text"><br> [-- END_IF --] <b>[--STORE.Price --]:</b> [-- STORE.CurrencySymbol --]<input type="text" name="[-- PRODUCT.RecordNumber --]:price" size="4" maxlength="10" value=""> </span><br> [-- VAR.Options "yes" --] [-- END_IF --] [-- IF PRODUCT.DisplayOrderingOptions --] [-- IF PRODUCT.OptionText --][-- PRODUCT.OptionText --][-- END_IF --] [-- ORDER_OPTION_MENU Column --] [-- IF PRODUCT.OptionsBox --] [-- IF PRODUCT.OptionsBoxHeader --][-- PRODUCT.OptionsBoxHeader --]<br>[-- END_IF --] <textarea name="[-- PRODUCT.Recordnumber --]:freeopt" cols="[-- PRODUCT.OptionsBoxColumns --]" rows="[-- PRODUCT.OptionsBoxRows --]"></textarea><br> [-- END_IF --] [-- VAR.Options "yes" --] [-- END_IF --] [-- IF VAR.Options "no" --] [-- IF PRODUCT.SubProduct --] [-- ELSE_IF PRODUCT.VariablePrice? --] [-- ELSE_IF PRODUCT.QuantityPricing --] [-- PRODUCT.QuantityPricing --] [-- ELSE_IF PRODUCT.DisplayPrice --] <span class="pr_price [-- PRODUCT.PriceSize --] [-- PRODUCT.PriceStyle --]"> [-- IF PRODUCT.SaleAmount --] [-- IF PRODUCT.SaleOn --] [-- STORE.Price --]: [-- PRODUCT.SaleAmount --] [-- STORE.OnSaleText --] [-- IF PRODUCT.AltPrice --]<br>[-- PRODUCT.AltSaleAmount --][-- END_IF --] <strike>[-- STORE.Price --]: [-- PRODUCT.Price --][-- IF PRODUCT.AltPrice --]<br>[-- PRODUCT.AltPrice --][-- END_IF --]</strike> [-- ELSE --] [-- STORE.Price --]: [-- PRODUCT.Price --] [-- IF PRODUCT.AltPrice --]<br>[-- PRODUCT.AltPrice --][-- END_IF --] [-- END_IF --] [-- ELSE --] [-- STORE.Price --]: [-- PRODUCT.Price --] [-- IF PRODUCT.AltPrice --]<br>[-- PRODUCT.AltPrice --][-- END_IF --] [-- END_IF --] </span> [-- END_IF --] [-- END_IF --] <br> [-- IF VAR.Options "no" --] [-- IF PRODUCT.DisplayOrderQuantity --] [-- STORE.OrderQuantity --] <input type="text" size="2" name="[-- PRODUCT.RecordNumber --]:qnty" value="1"> <br> [-- END_IF --] [-- END_IF --] [-- IF VAR.Options "yes" --] [-- IF PRODUCT.SubProduct --] [-- ELSE_IF PRODUCT.VariablePrice? --] [-- ELSE_IF PRODUCT.QuantityPricing --] [-- PRODUCT.QuantityPricing --] [-- ELSE_IF PRODUCT.DisplayPrice --] <span class="pr_price [-- PRODUCT.PriceSize --] [-- PRODUCT.PriceStyle --]"> [-- IF PRODUCT.SaleAmount --] [-- IF PRODUCT.SaleOn --] [-- STORE.Price --]: [-- PRODUCT.SaleAmount --] [-- STORE.OnSaleText --] [-- IF PRODUCT.AltPrice --]<br>[-- PRODUCT.AltSaleAmount --][-- END_IF --] <strike>[-- STORE.Price --]: [-- PRODUCT.Price --][-- IF PRODUCT.AltPrice --]<br>[-- PRODUCT.AltPrice --][-- END_IF --]</strike> [-- ELSE --] [-- STORE.Price --]: [-- PRODUCT.Price --] [-- IF PRODUCT.AltPrice --]<br>[-- PRODUCT.AltPrice --][-- END_IF --] [-- END_IF --] [-- ELSE --] [-- STORE.Price --]: [-- PRODUCT.Price --] [-- IF PRODUCT.AltPrice --]<br>[-- PRODUCT.AltPrice --][-- END_IF --] [-- END_IF --] </span> [-- END_IF --] [-- IF PRODUCT.DisplayOrderQuantity --] [-- STORE.OrderQuantity --] <input type="text" size="2" name="[-- PRODUCT.RecordNumber --]:qnty" value="1"><br> [-- END_IF --] [-- END_IF --] [-- IF ADDIMAGE? --] <input class="add" type="image" [--ADDIMAGE--]> [-- ELSE --] <input class="add_text" type="submit" value="[-- ADDTEXT --]"> [-- END_IF --] </div> </form> #<hr> [-- END_IF --] </div> ##### Product More Information Text ##### [-- IF PRODUCT.MoreInformationText --] <div class="ss-productdescription">[-- PRODUCT.DescriptionStyle Begin --][-- PRODUCT.DescriptionSize Begin --][-- PRODUCT.MoreInformationText --][-- PRODUCT.DescriptionSize End --][-- PRODUCT.DescriptionStyle End --]</div> [-- ELSE_IF PRODUCT.ProductDescription --] <div class="ss-productdescription">[-- PRODUCT.DescriptionStyle Begin --][-- PRODUCT.DescriptionSize Begin --][-- PRODUCT.ProductDescription --][-- PRODUCT.DescriptionSize End --][-- PRODUCT.DescriptionStyle End --]</div> [-- END_IF --] <div class="clear"></div> </div> [-- END_DEFINE PRODUCT --]

by **hammer** » Wed Oct 01, 2014 10:43 pm

Sorry Loren, the WordPress was down right at the time you were looking at the pages. We were doing a version update. You can see them now.

by **hammer** » Thu Oct 02, 2014 7:43 am

Hello Loren,

I created the product template using your code. The products are appearing on the word press page with the new layout. However, the new DIV template is using the large product images from the "More Information Page" and the images are being badly distorted when displayed on the wordpress pages. They are being scrunched up. Is there a way to tweak the new template code to tell it to use the regular product image (which is 140 x 140) rather than the more information page images which are 485 pixels wide.

by **ShopSite Lauren** » Thu Oct 02, 2014 8:27 am

Were you using the em_BasicLayout.sst template before? If you were, add the following code in a product template called em_BasicLayoutDIVs.sst.
The em_AdvancedLayout.sst is like a product more information page using all the more information page settings and fields. The em_BasicLayout.sst is like a product assigned to a category page and uses all the product on a category page settings.

Code: Select all: [-- DEFINE SUBPRODUCT --] <input type="radio" name="itemnum" value="[-- PRODUCT.RecordNumber --]"> [-- PRODUCT.Name --] [-- IF PRODUCT.DisplayPrice --][-- IF PRODUCT.SaleAmount --][-- IF PRODUCT.SaleOn --][-- PRODUCT.PriceStyle Begin --][-- PRODUCT.SaleAmount --] [-- STORE.OnSaleText --][-- PRODUCT.PriceStyle End --][-- ELSE --][-- PRODUCT.PriceStyle Begin --][-- PRODUCT.Price --][-- PRODUCT.PriceStyle End --][-- END_IF --][-- ELSE --][-- PRODUCT.PriceStyle Begin --][-- PRODUCT.Price --][-- PRODUCT.PriceStyle End --][-- END_IF --][-- END_IF --] [-- END_DEFINE SUBPRODUCT --] ################################################################################ [-- DEFINE PRODUCT --] <style type="text/css"> #ss_em_pr {margin: 0px; padding: 0px; max-width: 100%;} #ss_em_pr, #ss_em_pr td {font-family: [-- IF STORE.Font --][-- STORE.Font --][-- ELSE --]arial, helvetica, sans-serif[-- END_IF --]; font-size: [-- IF STORE.FontSize --][-- STORE.FontSize --][-- ELSE --]10pt[-- END_IF --]; color: #[-- STORE.TextColor --];} #ss_em_pr .pr_name, #ss_em_pr .pr_sku, #ss_em_pr .pr_price, #ss_em_pr input.add {display: block;} #ss_em_pr input.add_text {border: 0px; background: #[-- STORE.LinkColor --]; color: #FFFFFF; font-weight: normal; font-size: 100%; margin: 5px 0px; padding: 8px 12px; clear: both; border-radius: 3px;} #ss_em_pr .pr_price {padding: 10px 0px;} #ss_em_pr .pr_price strike {display: block; font-size: 80%;} #ss_em_pr .pr_variable {line-height: 180%;} #ss_em_pr .Bold, #ss_em_pr .bold {font-weight: bold;} #ss_em_pr .Big, #ss_em_pr .big {font-size: 120%;} #ss_em_pr .Small, #ss_em_pr .small {font-size: 80%;} #ss_em_pr .Italic, #ss_em_pr .italic {font-style: italic;} .right {text-align: right;} .left {text-align: left;} .ss-graphic img, .ss-graphic-left img, .ss-graphic-right img {max-width: 100%; width: 100%;} .ss-graphic, .ss-productinfo {clear: both; padding: 0px 0px 10px 0px; text-align: center; margin: 0px auto;} .ss-productinfo table {margin: 0px auto;} .ss-graphic-right {float: right; width: 50%; max-width: 50%; clear: none; padding: 0px 0px 10px 0px; margin: 0px; text-align: center;} .ss-productinfo-left {float: left; width: 46%; max-width: 46%; clear: none; padding: 0px 0px 10px 0px; margin: 0px; text-align: left;} .ss-graphic-left {float: left; clear: none; width: 46%; max-width: 46%; padding: 0px 0px 10px 0px; margin: 0px; text-align: center;} .ss-productinfo-right {float: right; clear: none; width: 50%; max-width: 50%; padding: 0px 0px 10px 0px; margin: 0px; text-align: left;} .ss-productdescription {clear: both; padding: 5px 0px 10px 0px; margin: 0px auto; text-align: left;} .ss-subproducts, .ss-variables {clear: both; padding: 10px 0px; margin: 0px auto;} .clear {clear: both; padding: 0px; margin: 0px;} </style> <div id="ss_em_pr"> ##### Product Graphic ##### [-- IF PRODUCT.ImageAlignment "Center" --] [-- IF PRODUCT.DisplayGraphic --] [-- IF PRODUCT.MoreInformationGraphic --] <div class="ss-graphic">[-- PRODUCT.MoreInformationGraphic ONLY_ALT_TAG --]</div> [-- ELSE_IF PRODUCT.Graphic --] <div class="ss-graphic">[-- PRODUCT.Graphic ONLY_ALT_TAG --]</div> [-- END_IF --] [-- END_IF --] <div class="ss-productinfo"> [-- ELSE_IF PRODUCT.ImageAlignment "Right" --] [-- IF PRODUCT.DisplayGraphic --] [-- IF PRODUCT.MoreInformationGraphic --] <div class="ss-graphic[-- IF PRODUCT.TextWrap "On" --]-right[-- ELSE --] right[-- END_IF --]">[-- PRODUCT.MoreInformationGraphic ONLY_ALT_TAG --]</div> [-- ELSE_IF PRODUCT.Graphic --] <div class="ss-graphic[-- IF PRODUCT.TextWrap "On" --]-right[-- ELSE --] right[-- END_IF --]">[-- PRODUCT.Graphic ONLY_ALT_TAG --]</div> [-- END_IF --] [-- END_IF --] <div class="ss-productinfo[-- IF PRODUCT.TextWrap "On" --]-left[-- END_IF --]"> [-- ELSE_IF PRODUCT.DisplayGraphic --] [-- IF PRODUCT.MoreInformationGraphic --] <div class="ss-graphic[-- IF PRODUCT.TextWrap "On" --]-left[-- ELSE --] left[-- END_IF --]">[-- PRODUCT.MoreInformationGraphic ONLY_ALT_TAG --]</div> [-- ELSE_IF PRODUCT.Graphic --] <div class="ss-graphic[-- IF PRODUCT.TextWrap "On" --]-left[-- ELSE --] left[-- END_IF --]">[-- PRODUCT.Graphic ONLY_ALT_TAG --]</div> [-- END_IF --] <div class="ss-productinfo[-- IF PRODUCT.TextWrap "On" --]-right[-- END_IF --]"> [-- END_IF --] ##### Product Name ##### [-- IF PRODUCT.VariablePrice? --] [-- IF PRODUCT.VariableName? --] [-- ELSE_IF PRODUCT.DisplayName --] <span class="pr_name [-- PRODUCT.NameSize --] [-- PRODUCT.NameStyle --]">[-- PRODUCT.Name --]</span> [-- END_IF --] [-- ELSE_IF PRODUCT.DisplayName --] <span class="pr_name [-- PRODUCT.NameSize --] [-- PRODUCT.NameStyle --]">[-- PRODUCT.Name --]</span> [-- END_IF --] ##### Product Sku ##### [-- IF PRODUCT.VariablePrice? --] [-- IF PRODUCT.VariableSKU? --] [-- ELSE_IF PRODUCT.DisplaySKU --] [-- IF PRODUCT.Sku --] <span class="pr_sku [-- PRODUCT.SKUSize --] [-- PRODUCT.SKUStyle --]">[-- PRODUCT.Sku --]</span> [-- END_IF --] [-- END_IF --] [-- ELSE_IF PRODUCT.DisplaySku --] [-- IF PRODUCT.Sku --] <span class="pr_sku [-- PRODUCT.SKUSize --] [-- PRODUCT.SKUStyle --]">[-- PRODUCT.Sku --]</span> [-- END_IF --] [-- END_IF --] ##### Product Description ##### [-- IF PRODUCT.ProductDescription --] [-- PRODUCT.DescriptionStyle Begin --][-- PRODUCT.DescriptionSize Begin --][-- PRODUCT.ProductDescription --][-- PRODUCT.DescriptionSize End --][-- PRODUCT.DescriptionStyle End --] [-- END_IF --] ##### Product Price ##### [-- IF PRODUCT.SubProduct --] [-- ELSE_IF PRODUCT.VariablePrice? --] [-- ELSE_IF PRODUCT.QuantityPricing --] [-- PRODUCT.QuantityPricing --] [-- ELSE_IF PRODUCT.DisplayPrice --] <span class="pr_price [-- PRODUCT.PriceSize --] [-- PRODUCT.PriceStyle --]"> [-- IF PRODUCT.SaleAmount --] [-- IF PRODUCT.SaleOn --] [-- STORE.Price --]: [-- PRODUCT.SaleAmount --] [-- STORE.OnSaleText --] [-- IF PRODUCT.AltPrice --]<br>[-- PRODUCT.AltSaleAmount --][-- END_IF --] <strike>[-- STORE.Price --]: [-- PRODUCT.Price --][-- IF PRODUCT.AltPrice --]<br>[-- PRODUCT.AltPrice --][-- END_IF --]</strike> [-- ELSE --] [-- STORE.Price --]: [-- PRODUCT.Price --] [-- IF PRODUCT.AltPrice --]<br>[-- PRODUCT.AltPrice --][-- END_IF --] [-- END_IF --] [-- ELSE --] [-- STORE.Price --]: [-- PRODUCT.Price --] [-- IF PRODUCT.AltPrice --]<br>[-- PRODUCT.AltPrice --][-- END_IF --] [-- END_IF --] </span> [-- END_IF --] ##### Product Subproducts ##### [-- IF PRODUCT.Subproduct --] <form action="[-- SHOPPING_CART_URL BASE --]/order.cgi" method="post"> <input type="hidden" name="storeid" value="[-- STORE.ID --]"> <input type="hidden" name="dbname" value="products"> <input type="hidden" name="function" value="add"> <br> [-- LOOP SUBPRODUCTS --] [-- SUBPRODUCTS em_BasicLayout.sst --]<br> [-- END_LOOP SUBPRODUCTS --]<br> [-- IF ADDIMAGE? --] <input class="add" type="image" [--ADDIMAGE--]> [-- ELSE --] <input class="add_text" type="submit" value="[-- ADDTEXT --]"> [-- END_IF --] </form> ##### Product Add To Cart If No Subproducts ##### [-- ELSE_IF PRODUCT.UseMultiMenus checked --] [-- ELSE --] <form action="[-- SHOPPING_CART_URL BASE --]/order.cgi" method="post"> <input type="hidden" name="storeid" value="[-- STORE.ID --]"> <input type="hidden" name="dbname" value="products"> <input type="hidden" name="function" value="add"> <input type="hidden" name="itemnum" value="[-- PRODUCT.RecordNumber --]"> [-- IF PRODUCT.VariablePrice? --] <span class="pr_variable"> [-- IF PRODUCT.VariableName? --] <b>[-- STORE.ProductName --]:</b> <input type="text" name="[-- PRODUCT.RecordNumber --]:name" size="20" maxlength="100" value=""><br> [-- END_IF --] [-- IF PRODUCT.VariableSKU? --] <b>[-- STORE.Sku --]:</b> <input name="[--PRODUCT.RecordNumber--]:sku" size="10" value="" type="text"><br> [-- END_IF --] <b>[--STORE.Price --]:</b> [-- STORE.CurrencySymbol --]<input type="text" name="[-- PRODUCT.RecordNumber --]:price" size="4" maxlength="10" value=""> </span><br> [-- END_IF --] [-- IF PRODUCT.DisplayOrderingOptions --] [-- IF PRODUCT.OptionText --][-- PRODUCT.OptionText --][-- END_IF --] [-- ORDER_OPTION_MENU Column --] [-- IF PRODUCT.OptionsBox --] [-- IF PRODUCT.OptionsBoxHeader --][-- PRODUCT.OptionsBoxHeader --]<br>[-- END_IF --] <textarea name="[-- PRODUCT.Recordnumber --]:freeopt" cols="[-- PRODUCT.OptionsBoxColumns --]" rows="[-- PRODUCT.OptionsBoxRows --]"></textarea><br> [-- END_IF --] [-- END_IF --] [-- IF PRODUCT.DisplayOrderQuantity --] [-- STORE.OrderQuantity --] <input type="text" size="2" name="[-- PRODUCT.RecordNumber --]:qnty" value="1"><br> [-- END_IF --] [-- IF ADDIMAGE? --] <input class="add" type="image" [--ADDIMAGE--]> [-- ELSE --] <input class="add_text" type="submit" value="[-- ADDTEXT --]"> [-- END_IF --] </form> [-- END_IF --] <div class="clear"></div> </div> [-- END_DEFINE PRODUCT --]

by **hammer** » Fri Oct 03, 2014 10:28 am

Thank you loren,

I created the new template em_BasicLayoutDIVs.sst with the code provided. The good news is that blog is now again displaying the text from the product description page. The bad news is that it is still displaying the image from the product more information page at 485 pixels which is being distorted on the blog. We are trying to get both product text and product image (140 pixels) to both display on the blog.

Can this new code be changed to use the product image?

Hammer

by **ShopSite Lauren** » Fri Oct 03, 2014 12:07 pm

You can try the code below. I simplified the template so it should only use the regular product graphic.

Code: Select all: [-- DEFINE SUBPRODUCT --] <input type="radio" name="itemnum" value="[-- PRODUCT.RecordNumber --]"> [-- PRODUCT.Name --] [-- IF PRODUCT.DisplayPrice --][-- IF PRODUCT.SaleAmount --][-- IF PRODUCT.SaleOn --][-- PRODUCT.PriceStyle Begin --][-- PRODUCT.SaleAmount --] [-- STORE.OnSaleText --][-- PRODUCT.PriceStyle End --][-- ELSE --][-- PRODUCT.PriceStyle Begin --][-- PRODUCT.Price --][-- PRODUCT.PriceStyle End --][-- END_IF --][-- ELSE --][-- PRODUCT.PriceStyle Begin --][-- PRODUCT.Price --][-- PRODUCT.PriceStyle End --][-- END_IF --][-- END_IF --] [-- END_DEFINE SUBPRODUCT --] ################################################################################ [-- DEFINE PRODUCT --] <style type="text/css"> #ss_em_pr {margin: 0px; padding: 0px; max-width: 100%;} #ss_em_pr, #ss_em_pr td {font-family: [-- IF STORE.Font --][-- STORE.Font --][-- ELSE --]arial, helvetica, sans-serif[-- END_IF --]; font-size: [-- IF STORE.FontSize --][-- STORE.FontSize --][-- ELSE --]10pt[-- END_IF --]; color: #[-- STORE.TextColor --];} #ss_em_pr .pr_name, #ss_em_pr .pr_sku, #ss_em_pr .pr_price, #ss_em_pr input.add {display: block;} #ss_em_pr input.add_text {border: 0px; background: #[-- STORE.LinkColor --]; color: #FFFFFF; font-weight: normal; font-size: 100%; margin: 5px 0px; padding: 8px 12px; clear: both; border-radius: 3px;} #ss_em_pr .pr_price {padding: 10px 0px;} #ss_em_pr .pr_price strike {display: block; font-size: 80%;} #ss_em_pr .pr_variable {line-height: 180%;} #ss_em_pr .Bold, #ss_em_pr .bold {font-weight: bold;} #ss_em_pr .Big, #ss_em_pr .big {font-size: 120%;} #ss_em_pr .Small, #ss_em_pr .small {font-size: 80%;} #ss_em_pr .Italic, #ss_em_pr .italic {font-style: italic;} .right {text-align: right;} .left {text-align: left;} .ss-graphic img, .ss-graphic-left img, .ss-graphic-right img {max-width: 100%; width: 100%;} .ss-graphic, .ss-productinfo {clear: both; padding: 0px 0px 10px 0px; text-align: center; margin: 0px auto;} .ss-productinfo table {margin: 0px auto;} .ss-graphic-right {float: right; width: 50%; max-width: 50%; clear: none; padding: 0px 0px 10px 0px; margin: 0px; text-align: center;} .ss-productinfo-left {float: left; width: 46%; max-width: 46%; clear: none; padding: 0px 0px 10px 0px; margin: 0px; text-align: left;} .ss-graphic-left {float: left; clear: none; width: 46%; max-width: 46%; padding: 0px 0px 10px 0px; margin: 0px; text-align: center;} .ss-productinfo-right {float: right; clear: none; width: 50%; max-width: 50%; padding: 0px 0px 10px 0px; margin: 0px; text-align: left;} .ss-productdescription {clear: both; padding: 5px 0px 10px 0px; margin: 0px auto; text-align: left;} .ss-subproducts, .ss-variables {clear: both; padding: 10px 0px; margin: 0px auto;} .clear {clear: both; padding: 0px; margin: 0px;} </style> <div id="ss_em_pr"> ##### Product Graphic ##### [-- IF PRODUCT.ImageAlignment "Center" --] [-- IF PRODUCT.DisplayGraphic --] [-- IF PRODUCT.Graphic --] <div class="ss-graphic">[-- PRODUCT.Graphic ONLY_ALT_TAG --]</div> [-- END_IF --] <div class="ss-productinfo"> [-- ELSE_IF PRODUCT.ImageAlignment "Right" --] [-- IF PRODUCT.DisplayGraphic --] [-- IF PRODUCT.Graphic --] <div class="ss-graphic[-- IF PRODUCT.TextWrap "On" --]-right[-- ELSE --] right[-- END_IF --]">[-- PRODUCT.Graphic ONLY_ALT_TAG --]</div> [-- END_IF --] <div class="ss-productinfo[-- IF PRODUCT.TextWrap "On" --]-left[-- END_IF --]"> [-- ELSE_IF PRODUCT.DisplayGraphic --] [-- IF PRODUCT.Graphic --] <div class="ss-graphic[-- IF PRODUCT.TextWrap "On" --]-left[-- ELSE --] left[-- END_IF --]">[-- PRODUCT.Graphic ONLY_ALT_TAG --]</div> <div class="ss-productinfo[-- IF PRODUCT.TextWrap "On" --]-right[-- END_IF --]"> [-- END_IF --] ##### Product Name ##### [-- IF PRODUCT.VariablePrice? --] [-- IF PRODUCT.VariableName? --] [-- ELSE_IF PRODUCT.DisplayName --] <span class="pr_name [-- PRODUCT.NameSize --] [-- PRODUCT.NameStyle --]">[-- PRODUCT.Name --]</span> [-- END_IF --] [-- ELSE_IF PRODUCT.DisplayName --] <span class="pr_name [-- PRODUCT.NameSize --] [-- PRODUCT.NameStyle --]">[-- PRODUCT.Name --]</span> [-- END_IF --] ##### Product Sku ##### [-- IF PRODUCT.VariablePrice? --] [-- IF PRODUCT.VariableSKU? --] [-- ELSE_IF PRODUCT.DisplaySKU --] [-- IF PRODUCT.Sku --] <span class="pr_sku [-- PRODUCT.SKUSize --] [-- PRODUCT.SKUStyle --]">[-- PRODUCT.Sku --]</span> [-- END_IF --] [-- END_IF --] [-- ELSE_IF PRODUCT.DisplaySku --] [-- IF PRODUCT.Sku --] <span class="pr_sku [-- PRODUCT.SKUSize --] [-- PRODUCT.SKUStyle --]">[-- PRODUCT.Sku --]</span> [-- END_IF --] [-- END_IF --] ##### Product Description ##### [-- IF PRODUCT.ProductDescription --] [-- PRODUCT.DescriptionStyle Begin --][-- PRODUCT.DescriptionSize Begin --][-- PRODUCT.ProductDescription --][-- PRODUCT.DescriptionSize End --][-- PRODUCT.DescriptionStyle End --] [-- END_IF --] ##### Product Price ##### [-- IF PRODUCT.SubProduct --] [-- ELSE_IF PRODUCT.VariablePrice? --] [-- ELSE_IF PRODUCT.QuantityPricing --] [-- PRODUCT.QuantityPricing --] [-- ELSE_IF PRODUCT.DisplayPrice --] <span class="pr_price [-- PRODUCT.PriceSize --] [-- PRODUCT.PriceStyle --]"> [-- IF PRODUCT.SaleAmount --] [-- IF PRODUCT.SaleOn --] [-- STORE.Price --]: [-- PRODUCT.SaleAmount --] [-- STORE.OnSaleText --] [-- IF PRODUCT.AltPrice --]<br>[-- PRODUCT.AltSaleAmount --][-- END_IF --] <strike>[-- STORE.Price --]: [-- PRODUCT.Price --][-- IF PRODUCT.AltPrice --]<br>[-- PRODUCT.AltPrice --][-- END_IF --]</strike> [-- ELSE --] [-- STORE.Price --]: [-- PRODUCT.Price --] [-- IF PRODUCT.AltPrice --]<br>[-- PRODUCT.AltPrice --][-- END_IF --] [-- END_IF --] [-- ELSE --] [-- STORE.Price --]: [-- PRODUCT.Price --] [-- IF PRODUCT.AltPrice --]<br>[-- PRODUCT.AltPrice --][-- END_IF --] [-- END_IF --] </span> [-- END_IF --] ##### Product Subproducts ##### [-- IF PRODUCT.Subproduct --] <form action="[-- SHOPPING_CART_URL BASE --]/order.cgi" method="post"> <input type="hidden" name="storeid" value="[-- STORE.ID --]"> <input type="hidden" name="dbname" value="products"> <input type="hidden" name="function" value="add"> <br> [-- LOOP SUBPRODUCTS --] [-- SUBPRODUCTS em_BasicLayout.sst --]<br> [-- END_LOOP SUBPRODUCTS --]<br> [-- IF ADDIMAGE? --] <input class="add" type="image" [--ADDIMAGE--]> [-- ELSE --] <input class="add_text" type="submit" value="[-- ADDTEXT --]"> [-- END_IF --] </form> ##### Product Add To Cart If No Subproducts ##### [-- ELSE_IF PRODUCT.UseMultiMenus checked --] [-- ELSE --] <form action="[-- SHOPPING_CART_URL BASE --]/order.cgi" method="post"> <input type="hidden" name="storeid" value="[-- STORE.ID --]"> <input type="hidden" name="dbname" value="products"> <input type="hidden" name="function" value="add"> <input type="hidden" name="itemnum" value="[-- PRODUCT.RecordNumber --]"> [-- IF PRODUCT.VariablePrice? --] <span class="pr_variable"> [-- IF PRODUCT.VariableName? --] <b>[-- STORE.ProductName --]:</b> <input type="text" name="[-- PRODUCT.RecordNumber --]:name" size="20" maxlength="100" value=""><br> [-- END_IF --] [-- IF PRODUCT.VariableSKU? --] <b>[-- STORE.Sku --]:</b> <input name="[--PRODUCT.RecordNumber--]:sku" size="10" value="" type="text"><br> [-- END_IF --] <b>[--STORE.Price --]:</b> [-- STORE.CurrencySymbol --]<input type="text" name="[-- PRODUCT.RecordNumber --]:price" size="4" maxlength="10" value=""> </span><br> [-- END_IF --] [-- IF PRODUCT.DisplayOrderingOptions --] [-- IF PRODUCT.OptionText --][-- PRODUCT.OptionText --][-- END_IF --] [-- ORDER_OPTION_MENU Column --] [-- IF PRODUCT.OptionsBox --] [-- IF PRODUCT.OptionsBoxHeader --][-- PRODUCT.OptionsBoxHeader --]<br>[-- END_IF --] <textarea name="[-- PRODUCT.Recordnumber --]:freeopt" cols="[-- PRODUCT.OptionsBoxColumns --]" rows="[-- PRODUCT.OptionsBoxRows --]"></textarea><br> [-- END_IF --] [-- END_IF --] [-- IF PRODUCT.DisplayOrderQuantity --] [-- STORE.OrderQuantity --] <input type="text" size="2" name="[-- PRODUCT.RecordNumber --]:qnty" value="1"><br> [-- END_IF --] [-- IF ADDIMAGE? --] <input class="add" type="image" [--ADDIMAGE--]> [-- ELSE --] <input class="add_text" type="submit" value="[-- ADDTEXT --]"> [-- END_IF --] </form> [-- END_IF --] <div class="clear"></div> </div> [-- END_DEFINE PRODUCT --]

by **hammer** » Sat Oct 04, 2014 12:37 pm

Thank you loren,

I replaced the code for the basic_div template. Here is what is displaying now:

###############################################################################
##### Product Graphic #####
em_BasicLayoutDIVs.sst [151]: Template Error: Mis-matched IF - END_IF tags
em_BasicLayoutDIVs.sst [151]: Template Error: Missing END_DEFINE tag

by **ShopSite Lauren** » Sat Oct 04, 2014 6:21 pm

Oops, looks like I deleted too many END_IF tags. I tested this template this time...you should be good to go.

Code: Select all: [-- DEFINE SUBPRODUCT --] <input type="radio" name="itemnum" value="[-- PRODUCT.RecordNumber --]"> [-- PRODUCT.Name --] [-- IF PRODUCT.DisplayPrice --][-- IF PRODUCT.SaleAmount --][-- IF PRODUCT.SaleOn --][-- PRODUCT.PriceStyle Begin --][-- PRODUCT.SaleAmount --] [-- STORE.OnSaleText --][-- PRODUCT.PriceStyle End --][-- ELSE --][-- PRODUCT.PriceStyle Begin --][-- PRODUCT.Price --][-- PRODUCT.PriceStyle End --][-- END_IF --][-- ELSE --][-- PRODUCT.PriceStyle Begin --][-- PRODUCT.Price --][-- PRODUCT.PriceStyle End --][-- END_IF --][-- END_IF --] [-- END_DEFINE SUBPRODUCT --] [-- DEFINE PRODUCT --] <style type="text/css"> #ss_em_pr {margin: 0px; padding: 0px; max-width: 100%;} #ss_em_pr, #ss_em_pr td {font-family: [-- IF STORE.Font --][-- STORE.Font --][-- ELSE --]arial, helvetica, sans-serif[-- END_IF --]; font-size: [-- IF STORE.FontSize --][-- STORE.FontSize --][-- ELSE --]10pt[-- END_IF --]; color: #[-- STORE.TextColor --];} #ss_em_pr .pr_name, #ss_em_pr .pr_sku, #ss_em_pr .pr_price, #ss_em_pr input.add {display: block;} #ss_em_pr input.add_text {border: 0px; background: #[-- STORE.LinkColor --]; color: #FFFFFF; font-weight: normal; font-size: 100%; margin: 5px 0px; padding: 8px 12px; clear: both; border-radius: 3px;} #ss_em_pr .pr_price {padding: 10px 0px;} #ss_em_pr .pr_price strike {display: block; font-size: 80%;} #ss_em_pr .pr_variable {line-height: 180%;} #ss_em_pr .Bold, #ss_em_pr .bold {font-weight: bold;} #ss_em_pr .Big, #ss_em_pr .big {font-size: 120%;} #ss_em_pr .Small, #ss_em_pr .small {font-size: 80%;} #ss_em_pr .Italic, #ss_em_pr .italic {font-style: italic;} .right {text-align: right;} .left {text-align: left;} .ss-graphic img, .ss-graphic-left img, .ss-graphic-right img {max-width: 100%; width: 100%;} .ss-graphic, .ss-productinfo {clear: both; padding: 0px 0px 10px 0px; text-align: center; margin: 0px auto;} .ss-productinfo table {margin: 0px auto;} .ss-graphic-right {float: right; width: 50%; max-width: 50%; clear: none; padding: 0px 0px 10px 0px; margin: 0px; text-align: center;} .ss-productinfo-left {float: left; width: 46%; max-width: 46%; clear: none; padding: 0px 0px 10px 0px; margin: 0px; text-align: left;} .ss-graphic-left {float: left; clear: none; width: 46%; max-width: 46%; padding: 0px 0px 10px 0px; margin: 0px; text-align: center;} .ss-productinfo-right {float: right; clear: none; width: 50%; max-width: 50%; padding: 0px 0px 10px 0px; margin: 0px; text-align: left;} .ss-productdescription {clear: both; padding: 5px 0px 10px 0px; margin: 0px auto; text-align: left;} .ss-subproducts, .ss-variables {clear: both; padding: 10px 0px; margin: 0px auto;} .clear {clear: both; padding: 0px; margin: 0px;} input.add {margin-left: auto; margin-right: auto;} </style> <div id="ss_em_pr"> [-- IF PRODUCT.ImageAlignment "Center" --] [-- IF PRODUCT.DisplayGraphic --] [-- IF PRODUCT.Graphic --] <div class="ss-graphic">[-- PRODUCT.Graphic ONLY_ALT_TAG --]</div> [-- END_IF --] [-- END_IF --] <div class="ss-productinfo"> [-- ELSE_IF PRODUCT.ImageAlignment "Right" --] [-- IF PRODUCT.DisplayGraphic --] [-- IF PRODUCT.Graphic --] <div class="ss-graphic[-- IF PRODUCT.TextWrap "On" --]-right[-- ELSE --] right[-- END_IF --]">[-- PRODUCT.Graphic ONLY_ALT_TAG --]</div> [-- END_IF --] [-- END_IF --] <div class="ss-productinfo[-- IF PRODUCT.TextWrap "On" --]-left[-- END_IF --]"> [-- ELSE_IF PRODUCT.DisplayGraphic --] [-- IF PRODUCT.Graphic --] <div class="ss-graphic[-- IF PRODUCT.TextWrap "On" --]-left[-- ELSE --] left[-- END_IF --]">[-- PRODUCT.Graphic ONLY_ALT_TAG --]</div> <div class="ss-productinfo[-- IF PRODUCT.TextWrap "On" --]-right[-- END_IF --]"> [-- END_IF --] [-- END_IF --] [-- IF PRODUCT.VariablePrice? --] [-- IF PRODUCT.VariableName? --] [-- ELSE_IF PRODUCT.DisplayName --] <span class="pr_name [-- PRODUCT.NameSize --] [-- PRODUCT.NameStyle --]">[-- PRODUCT.Name --]</span> [-- END_IF --] [-- ELSE_IF PRODUCT.DisplayName --] <span class="pr_name [-- PRODUCT.NameSize --] [-- PRODUCT.NameStyle --]">[-- PRODUCT.Name --]</span> [-- END_IF --] [-- IF PRODUCT.VariablePrice? --] [-- IF PRODUCT.VariableSKU? --] [-- ELSE_IF PRODUCT.DisplaySKU --] [-- IF PRODUCT.Sku --] <span class="pr_sku [-- PRODUCT.SKUSize --] [-- PRODUCT.SKUStyle --]">[-- PRODUCT.Sku --]</span> [-- END_IF --] [-- END_IF --] [-- ELSE_IF PRODUCT.DisplaySku --] [-- IF PRODUCT.Sku --] <span class="pr_sku [-- PRODUCT.SKUSize --] [-- PRODUCT.SKUStyle --]">[-- PRODUCT.Sku --]</span> [-- END_IF --] [-- END_IF --] [-- IF PRODUCT.ProductDescription --] [-- PRODUCT.DescriptionStyle Begin --][-- PRODUCT.DescriptionSize Begin --][-- PRODUCT.ProductDescription --][-- PRODUCT.DescriptionSize End --][-- PRODUCT.DescriptionStyle End --] [-- END_IF --] [-- IF PRODUCT.SubProduct --] [-- ELSE_IF PRODUCT.VariablePrice? --] [-- ELSE_IF PRODUCT.QuantityPricing --] [-- PRODUCT.QuantityPricing --] [-- ELSE_IF PRODUCT.DisplayPrice --] <span class="pr_price [-- PRODUCT.PriceSize --] [-- PRODUCT.PriceStyle --]"> [-- IF PRODUCT.SaleAmount --] [-- IF PRODUCT.SaleOn --] [-- STORE.Price --]: [-- PRODUCT.SaleAmount --] [-- STORE.OnSaleText --] [-- IF PRODUCT.AltPrice --]<br>[-- PRODUCT.AltSaleAmount --][-- END_IF --] <strike>[-- STORE.Price --]: [-- PRODUCT.Price --][-- IF PRODUCT.AltPrice --]<br>[-- PRODUCT.AltPrice --][-- END_IF --]</strike> [-- ELSE --] [-- STORE.Price --]: [-- PRODUCT.Price --] [-- IF PRODUCT.AltPrice --]<br>[-- PRODUCT.AltPrice --][-- END_IF --] [-- END_IF --] [-- ELSE --] [-- STORE.Price --]: [-- PRODUCT.Price --] [-- IF PRODUCT.AltPrice --]<br>[-- PRODUCT.AltPrice --][-- END_IF --] [-- END_IF --] </span> [-- END_IF --] [-- IF PRODUCT.Subproduct --] <form action="[-- SHOPPING_CART_URL BASE --]/order.cgi" method="post"> <input type="hidden" name="storeid" value="[-- STORE.ID --]"> <input type="hidden" name="dbname" value="products"> <input type="hidden" name="function" value="add"> <br> [-- LOOP SUBPRODUCTS --] [-- SUBPRODUCTS em_BasicLayout.sst --]<br> [-- END_LOOP SUBPRODUCTS --]<br> [-- IF ADDIMAGE? --] <input class="add" type="image" [--ADDIMAGE--]> [-- ELSE --] <input class="add_text" type="submit" value="[-- ADDTEXT --]"> [-- END_IF --] </form> [-- ELSE_IF PRODUCT.UseMultiMenus checked --] [-- ELSE --] <form action="[-- SHOPPING_CART_URL BASE --]/order.cgi" method="post"> <input type="hidden" name="storeid" value="[-- STORE.ID --]"> <input type="hidden" name="dbname" value="products"> <input type="hidden" name="function" value="add"> <input type="hidden" name="itemnum" value="[-- PRODUCT.RecordNumber --]"> [-- IF PRODUCT.VariablePrice? --] <span class="pr_variable"> [-- IF PRODUCT.VariableName? --] <b>[-- STORE.ProductName --]:</b> <input type="text" name="[-- PRODUCT.RecordNumber --]:name" size="20" maxlength="100" value=""><br> [-- END_IF --] [-- IF PRODUCT.VariableSKU? --] <b>[-- STORE.Sku --]:</b> <input name="[--PRODUCT.RecordNumber--]:sku" size="10" value="" type="text"><br> [-- END_IF --] <b>[--STORE.Price --]:</b> [-- STORE.CurrencySymbol --]<input type="text" name="[-- PRODUCT.RecordNumber --]:price" size="4" maxlength="10" value=""> </span><br> [-- END_IF --] [-- IF PRODUCT.DisplayOrderingOptions --] [-- IF PRODUCT.OptionText --][-- PRODUCT.OptionText --][-- END_IF --] [-- ORDER_OPTION_MENU Column --] [-- IF PRODUCT.OptionsBox --] [-- IF PRODUCT.OptionsBoxHeader --][-- PRODUCT.OptionsBoxHeader --]<br>[-- END_IF --] <textarea name="[-- PRODUCT.Recordnumber --]:freeopt" cols="[-- PRODUCT.OptionsBoxColumns --]" rows="[-- PRODUCT.OptionsBoxRows --]"></textarea><br> [-- END_IF --] [-- END_IF --] [-- IF PRODUCT.DisplayOrderQuantity --] [-- STORE.OrderQuantity --] <input type="text" size="2" name="[-- PRODUCT.RecordNumber --]:qnty" value="1"><br> [-- END_IF --] [-- IF ADDIMAGE? --] <input class="add" type="image" [--ADDIMAGE--]> [-- ELSE --] <input class="add_text" type="submit" value="[-- ADDTEXT --]"> [-- END_IF --] </form> [-- END_IF --] <div class="clear"></div> </div> [-- END_DEFINE PRODUCT --]

by **hammer** » Mon Oct 06, 2014 7:23 am

Loren,

Thank you. That appears to be working well so far on about a dozen blog entries.

Thank you,

by **hammer** » Mon Oct 06, 2014 4:19 pm

Spoke too soon. That new code is showing correctly for many products, but there are a few products where something strange is going on. Please visit this URL, you will see the image is being squeezed to 10 px wide for some reason.

http://www.lobsters-online.com/lobsterfly/index.php/get-the-dad-who-thinks-he-already-has-everything-something-really-lively-this-fathers-day/

by **ShopSite Lauren** » Tue Oct 07, 2014 9:02 am

It looks like that product is using a ShopSite OrderAnywhere embed button, which means the product is being displayed in an iframe AND it is using the table version of the template instead of the new DIV version I sent. I would suggest redoing that product with the WordPress widget instead of the OrderAnywhere embed.

by **hammer** » Wed Nov 05, 2014 7:56 am

Hi Loren,

I still have some product images not displaying using the WordPress Widget. The text and order button display, but not the image. Some product images display, some product images still do not. Unfortunately, the images not displaying are the products I want to use most. There must be something going on with the way wordpress is using the widget. I am using wordpress 4.0 Please visit the blog

http://www.lobsters-online.com/lobsterfly/index.php/prepare-lobster-broiling/

And you will see. The product image is there, but it is distorted.

by **ShopSite Lauren** » Wed Nov 05, 2014 9:38 am

That product is using the original TABLE driven template (for non-responsive websites), not the DIV driven template that works with responsive design sites. Make sure you have selected to use the DIV template that I sent originally (Merchandising > Social Media > WordPress).

by **hammer** » Wed Nov 05, 2014 11:01 am

You are correct. I switched back to the DIV driven basic template that you had me create. The product image and text is now displaying, but the image is still distorted.

http://www.lobsters-online.com/lobsterfly/index.php/prepare-lobster-broiling/

ShopSite Forums

Wordpress not displaying shopsite plugin product images

Wordpress not displaying shopsite plugin product images

Re: Wordpress not displaying shopsite plugin product images

Re: Wordpress not displaying shopsite plugin product images

Re: Wordpress not displaying shopsite plugin product images

Re: Wordpress not displaying shopsite plugin product images

Re: Wordpress not displaying shopsite plugin product images

Re: Wordpress not displaying shopsite plugin product images

Re: Wordpress not displaying shopsite plugin product images

Re: Wordpress not displaying shopsite plugin product images

Re: Wordpress not displaying shopsite plugin product images

Re: Wordpress not displaying shopsite plugin product images

Re: Wordpress not displaying shopsite plugin product images

Re: Wordpress not displaying shopsite plugin product images

Re: Wordpress not displaying shopsite plugin product images

Re: Wordpress not displaying shopsite plugin product images

Who is online