\n
\n
\n
\n
Changes to be made<\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n
\n
\n
Website Frontend – Product Grid<\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n
\n
\n
In order to display a countdown timer for products, say in the product list page – paste the following code into the file template:<\/p>\n\n\n\n
<\/div>
\/app\/design\/frontend\/THEME\/default\/template\/catalog\/product\/list.phtml<\/code><\/pre><\/div>\n\n\n\nCode Example<\/p>\n\n\n\n
This is an example of the code to be used:<\/p>\n\n\n\n
<\/div><?php if (!( ($_cc = Mage::registry('current_category'))\n && $_cc->getData('privatesale_date_start'))) { ?>\n <?php echo $this->getLayout()->createBlock('privatesales\/event_product')\n ->setTemplate('privatesales\/event\/item.phtml')->setProduct($_product)->toHtml() ?>\n <?php } ?><\/code><\/pre><\/div>\n\n\n\nWhere “$_product” is a product object the countdown timer you need to set up for.<\/p>\n\n\n\n
Find the code:<\/p>\n\n\n\n
<\/div><ul class=\"products-list<?php if($listClasses) echo $listClasses; ?>\" id=\"products-list\">\n <?php foreach ($_productCollection as $_product): ?>\n <li class=\"item<?php if(++$_iterator == sizeof($_productCollection)): ?>\n last<?php endif; ?>\">\n <?php \/\/Product Image ?>\n <div class=\"product-image-wrapper grid12-4 mobile-grid-half\">\n <a href=\"<?php echo $_product->getProductUrl() ?>\"\n title=\"<?php echo $this->stripTags($this->getImageLabel(\n $_product, 'small_image'), null, true) ?>\"\n class=\"product-image\" style=\"max-width:<?php echo $imgWidth; ?>px;\">\n <img id=\"product-collection-image-<?php echo $_product->getId(); ?>\"\n src=\"<?php echo $helpImg->getImg(\n $_product, $imgWidth, $imgHeight, 'small_image'); ?>\"\n alt=\"<?php echo $this->stripTags($this->getImageLabel(\n $_product, 'small_image'), null, true) ?>\" \/><\/code><\/pre><\/div>\n\n\n\nThe code should be replaced with the following:<\/p>\n\n\n\n
<\/div><ul class=\"products-list<?php if($listClasses) echo $listClasses; ?>\" id=\"products-list\">\n <?php foreach ($_productCollection as $_product): ?>\n <li class=\"item<?php if(++$_iterator == sizeof($_productCollection)): ?>\n last<?php endif; ?>\">\n <?php \/\/Product Image ?>\n <div class=\"product-image-wrapper grid12-4 mobile-grid-half\">\n <?php if (!(($_cc = Mage::registry('current_category')) &&\n $_cc->getData('privatesale_date_start'))) { ?>\n <?php echo $this->getLayout()->createBlock('privatesales\/event_product')\n ->setTemplate('privatesales\/even\/item.phtml')\n ->setProduct($_product)->toHtml() ?>\n <?php } ?>\n <a href=\"<?php echo $_product->getProductUrl() ?>\"\n title=\"<?php echo $this->stripTags($this->getImageLabel(\n $_product, 'small_image'), null, true) ?>\"\n class=\"product-image\" style=\"max-width:<?php echo $imgWidth; ?>px;\">\n <img id=\"product-collection-image-<?php echo $_product->getId(); ?>\"\n src=\"<?php echo $helpImg->getImg(\n $_product, $imgWidth, $imgHeight, 'small_image'\n ); ?>\"\n alt=\"<?php echo $this->stripTags($this->getImageLabel(\n $_product, 'small_image'), null, true) ?>\" \/><\/code><\/pre><\/div>\n<\/div><\/div>\n<\/div>\n\n\n\n\n\n- Product countdown timer.<\/strong><\/li><\/ol>\n\n\n\n
![\"Magento](\"\/docs\/wp-content\/uploads\/2020\/05\/Magento_private_sales_and_flash_sales_developers_guide.jpg\")
<\/figure>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\nCreate Private Sale Product on a Category Page<\/h2>\n\n\n\n
Follow the instructions below to create a private sale product on a Category Page.<\/p>\n\n\n\n
- Before you proceed, please make sure you are running Private Sale & Flash Sale extension of at least 3.2.x version. Read this guide<\/a> to learn how to update your extension version. <\/li>
- Check this guide<\/a> to configure the Private Sale event for the Product. <\/li>
- Follow the instructions below to create a private sale product on a Category Page for these popular themes: RWD, Porto, Ultimo.<\/li><\/ol>\n\n\n\n
For Magento RWD theme<\/h3>\n\n\n\n
1. Open the file:<\/p>\n\n\n\n
<\/div>\/app\/design\/frontend\/rwd\/default\/template\/catalog\/product\/list.phtml<\/code><\/pre><\/div>\n\n\n\n2. Make sure to check if you’re using the Grid mode or List mode on your Magento frontend. This will determine the location of the img tag you modify. Find the code:<\/p>\n\n\n\n
<\/div><img id=\"product-collection-image-<?php echo $_product->getId(); ?>\"\n src=\"<?php echo $this->helper('catalog\/image')->init(\n $_product, 'small_image')->resize($_imgSize); ?>\"\n alt=\"<?php echo $this->stripTags(\n $this->getImageLabel($_product, 'small_image'), null, true) ?>\" \/><\/code><\/pre><\/div>\n\n\n\n3. This is the code to be added in order to make a private sale product on a Category Page:<\/p>\n\n\n\n
<\/div><?php\n $locked = Mage::getModel('privatesales\/privateEvent')\n ->isProductPrivateEvent($_product);\n?>\n<?php if($locked): ?>\n <span class=\"pps-img-wrap-lock\">\n<?php endif; ?><\/code><\/pre><\/div>\n\n\n\nand:<\/p>\n\n\n\n
<\/div><?php if($locked): ?>\n <span class=\"pps-img-locktext\">\n <?php echo $this->__('Become a member to shop this event'); ?>\n <\/span>\n <\/span>\n<?php endif; ?><\/code><\/pre><\/div>\n\n\n\n4. The resulting code will look as follows:<\/p>\n\n\n\n
<\/div><?php\n $locked = Mage::getModel('privatesales\/privateEvent')\n ->isProductPrivateEvent($_product);\n?>\n<?php if($locked): ?>\n <span class=\"pps-img-wrap-lock\">\n<?php endif; ?>\n <img id=\"product-collection-image-<?php echo $_product->getId(); ?>\"\n src=\"<?php echo $this->helper('catalog\/image')->init(\n $_product, 'small_image')->resize($_imgSize); ?>\"\n alt=\"<?php echo $this->stripTags($this->getImageLabel(\n $_product, 'small_image'), null, true) ?>\" \/>\n<?php if($locked): ?>\n <span class=\"pps-img-locktext\">\n <?php echo $this->__('Become a member to shop this event'); ?><\/span>\n <\/span>\n <?php endif; ?><\/code><\/pre><\/div>\n\n\n\nFor Magento Porto theme<\/h3>\n\n\n\n
1. Open the following file:<\/p>\n\n\n\n
<\/div>\/app\/design\/frontend\/smartwave\/porto\/template\/catalog\/product\/list.phtml<\/code><\/pre><\/div>\n\n\n\n2. Make sure to check if you’re using the Grid mode or List mode on your Magento frontend. This will determine the location of the img tag you modify. Find the code:<\/p>\n\n\n\n
<\/div><img id=\"product-collection-image-<?php echo $_product->getId(); ?>\"\n class=\"defaultImage\" src=\"<?php if($aspect_ratio):?>\n <?php echo $_image_helper->init($_product, 'small_image')->constrainOnly(FALSE)\n ->keepAspectRatio(TRUE)->keepFrame(FALSE)->resize($ratio_width);?>\n <?php else: ?><?php echo $_image_helper->init($_product, 'small_image')\n ->resize($ratio_width,$ratio_height); ?>\n <?php endif; ?>\" width=\"<?php echo $ratio_width; ?>\"\n<?php if(!$aspect_ratio):?>height=\"<?php echo $ratio_height; ?>\"<?php endif; ?>\n alt=\"<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>\"\/><\/code><\/pre><\/div>\n\n\n\n3. This is the code to be added in order to make a private sale product on a Category Page:<\/p>\n\n\n\n
<\/div><?php\n $locked = Mage::getModel('privatesales\/privateEvent')\n ->isProductPrivateEvent($_product);\n?>\n<?php if($locked): ?>\n <span class=\"pps-img-wrap-lock\">\n<?php endif; ?><\/code><\/pre><\/div>\n\n\n\nand:<\/p>\n\n\n\n
<\/div><?php if($locked): ?>\n <span class=\"pps-img-locktext\">\n <?php echo $this->__('Become a member to shop this event'); ?>\n <\/span>\n <\/span>\n<?php endif; ?><\/code><\/pre><\/div>\n\n\n\n4. The resulting code will look as follows:<\/p>\n\n\n\n
<\/div><?php $locked = Mage::getModel('privatesales\/privateEvent')\n ->isProductPrivateEvent($_product); ?>\n<?php if($locked): ?>\n<span class=\"pps-img-wrap-lock\">\n <?php endif; ?>\n <img id=\"product-collection-image-<?php echo $_product->getId(); ?>\"\n class=\"defaultImage\" src=\"<?php if($aspect_ratio):?>\n <?php echo $_image_helper->init($_product, 'small_image')->constrainOnly(FALSE)\n ->keepAspectRatio(TRUE)->keepFrame(FALSE)->resize($ratio_width);?>\n<?php else: ?>\n <?php echo $_image_helper->init($_product, 'small_image')\n ->resize($ratio_width,$ratio_height); ?><?php endif; ?>\" width=\"<?php echo $ratio_width; ?>\"\n <?php if(!$aspect_ratio):?>height=\"<?php echo $ratio_height; ?>\" <?php endif; ?>\n alt=\"<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'),\n null, true) ?>\" \/>\n\n<?php if($locked): ?>\n <span class=\"pps-img-locktext\">\n <?php echo $this->__('Become a member to shop this event'); ?><\/span>\n <\/span>\n<?php endif; ?><\/code><\/pre><\/div>\n\n\n\nFor Magento Ultimo theme<\/h3>\n\n\n\n
1. Open the following file:<\/p>\n\n\n\n
<\/div>\/app\/design\/frontend\/ultimo\/default\/template\/catalog\/product\/list.phtml<\/code><\/pre><\/div>\n\n\n\n2. Make sure to check if you’re using the Grid mode or List mode on your Magento frontend. This will determine the location of the img tag you modify. Find the code:<\/p>\n\n\n\n
<\/div><img id=\"product-collection-image-<?php echo $_product->getId(); ?>\"\n src=\"<?php echo $helpImg->getImg($_product, $imgWidth, $imgHeight, 'small_image'); ?>\"\n alt=\"<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'),\n null, true); ?>\" \/><\/code><\/pre><\/div>\n\n\n\n3. This is the code to be added in order to make a private sale product on a Category Page:<\/p>\n\n\n\n
<\/div><?php $locked = Mage::getModel('privatesales\/privateEvent')\n ->isProductPrivateEvent($_product); ?>\n<?php if($locked): ?>\n <span class=\"pps-img-wrap-lock\">\n<?php endif; ?><\/code><\/pre><\/div>\n\n\n\nand:<\/p>\n\n\n\n
<\/div><?php if($locked): ?>\n <span class=\"pps-img-locktext\">\n <?php echo $this->__('Become a member to shop this event'); ?><\/span>\n <\/span>\n<?php endif; ?><\/code><\/pre><\/div>\n\n\n\n4. The resulting code will look as follows:<\/p>\n\n\n\n
<\/div><?php $locked = Mage::getModel('privatesales\/privateEvent')\n ->isProductPrivateEvent($_product); ?>\n<?php if($locked): ?>\n <span class=\"pps-img-wrap-lock\">\n<?php endif; ?>\n\n<img id=\"product-collection-image-<?php echo $_product->getId(); ?>\"\n src=\"<?php echo $helpImg->getImg($_product, $imgWidth, $imgHeight, 'small_image'); ?>\"\n alt=\"<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'),\n null, true); ?>\" \/>\n\n<?php if($locked): ?>\n <span class=\"pps-img-locktext\">\n <?php echo $this->__('Become a member to shop this event'); ?><\/span>\n <\/span>\n<?php endif; ?><\/code><\/pre><\/div>\n","protected":false},"excerpt":{"rendered":"Display countdown timer for a product In order to display a countdown timer for any product in the Magento Private Sales & Flash Sales extension, follow the instructions below. Create Private Sale Product on a Category Page Follow the instructions below to create a private sale product on a Category Page. Before you proceed, please … <\/p>\n