| This is an example how product posts can be tagged & display the tags automatically for each post either in the detail product page or the responsive image carousel/slider, just like e-commerce stores have! Updated in this theme new version 1.2 about to release soon, BlogrCart Closet responsive Blogger store theme owners can set to display their product tag by "Sold Out", "Offer", "Promotion", "New" etc using the advance auto post template, which comes with the downloaded files. Find below the settings to activate/deactivate the Product Tag for the respective areas required. |
| $ 55.00 |
| Add to Cart |
| Out of Stock |
 |
 |
| For BlogrCart Closet version 1.0 & version 1.1, documented file has been included to install the product status fuctions to theme codes. Please follow the easy instructions which includes the necessary codes to copy & paste. For users using & installing version 1.2, which includes the new Auto Post Template, editing each product becomes easier. Editing Product Post. To display the status tags for individual product post, at your Blogger post editor find the table row underneath the price and quantity row. By default, an "Offer" text is displayed, which will display a product tagges "Offer" on the Gallery page & also the detail Product Post page. Change the status tag to any word to individual preference. Keep in mind to keep the status tag in a one letter word like Sold, Sold, Offer, New, Out, In-Stock etc where the container styles will display accordingly. If you do not want a specific product to display a status tag, remove/delete the "Offer" text and automatically this theme will not display any status tags for the product. There will be areas users can display/or remove the product tags for BlogrCart Closet blogger store theme which would be the responsive image carousel for Gallery/Index page & also the detail Product post page, Display/Remove Product Status Tags for Image Carousel at Gallery PagesIn template editor find <!-- Content Features starts --> and slightly below the codes as follows:-<script> //<![CDATA[ var product_status = true; // false to turn off tags var title_length = 35; // nos of chars title displays var maxresults = 10; // nos of post to display var image_size = 240; // image max size var currency = "USD"; // currency displayed product thumbs var currency_after = false; // true displays currency after price var related_button = "View Now"; // text displayed on button var default_image = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyQLiWWe0otUT6HBtEJKhxY-KBaNI44BG1wDOLH6OLW6FzChXy5JB65tEg0CvVGHkith5TjPPjvejRmw7tdckMoc2butNRsTQfjh3LcN5_kmv-HvjUxo1h_Q2hM_AtW63YbEG3Sztq6QxV/s1600/no-thumbnail.png"; var currentposturl="<data:post.url/>"; removeRelatedDuplicates_thumbs(); printRelated_Products(); //]]> </script> At the highlighted code above, change to false. Click Save Template and view your theme changes. Display/Remove Product Status Tags for Image Carousel at Product PostsIn template editor, jump to widget Blog1 & find <b:includable id='related_products' var='post'> click the small black triangle to expand and view the detail settings. Slightly below the codes as follows:-<script> //<![CDATA[ var product_status = true; // false to turn off tags var title_length = 35; // nos of chars title displays var maxresults = 10; // nos of post to display var image_size = 240; // image max size var currency = "USD"; // currency displayed product thumbs var currency_after = false; // true displays currency after price var related_button = "View Now"; // text displayed on button var default_image = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyQLiWWe0otUT6HBtEJKhxY-KBaNI44BG1wDOLH6OLW6FzChXy5JB65tEg0CvVGHkith5TjPPjvejRmw7tdckMoc2butNRsTQfjh3LcN5_kmv-HvjUxo1h_Q2hM_AtW63YbEG3Sztq6QxV/s1600/no-thumbnail.png"; var currentposturl="<data:post.url/>"; removeRelatedDuplicates_thumbs(); printRelated_Products(); //]]> </script> At the highlighted code above change to false. Click Save Template and view your theme changes. |
