Here is an example of HTML code you can enter (i.e., into a WYSIWYG Editor in Pulse Commerce) to display tabs in Product Long Description. You will need to customize the example code to meet your needs.
Note: You can use the built-in display format 5 to display tabs natively instead.
| <link rel="stylesheet" type="text/css" href="custompages/scripts/tabcontent.css" /> <script type="text/javascript" src="custompages/scripts/tabcontent.js"></script> <ul id="countrytabs" class="shadetabs"> <li><a class="selected" href="#" rel="country1">Product Details </a></li> <li><a href="#" rel="country2">Compatible Printers</a> </li> <li><a href="#" rel="country3">Shipping Details</a> </li> <li><a href="#" rel="country4">Returns</a> </li> </ul> <div style="BORDER-BOTTOM: gray 1px solid; BORDER-LEFT: gray 1px solid; PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; WIDTH: 600px; PADDING-RIGHT: 10px; MARGIN-BOTTOM: 1em; HEIGHT: 275px; BORDER-TOP: gray 1px solid; BORDER-RIGHT: gray 1px solid; PADDING-TOP: 10px"> <div id="country1" class="tabcontent">The Refurbished Canon BX-3 cartridge is professionally remanufactured in an ISO 9002 factory. Each BX-3 undergoes an extensive process including cleaning, testing the chip, and ink refilling. Every cartridge is tested in a live printer to ensure crisp text and true color reproduction. </div> <div id="country2" class="tabcontent">This item ships for free to the U.S. and Canada. Orders are sent within 24 hours on business days, and you will receive an email with your tracking number. You should expect your order to arrive within three to five business days. </div> <div id="country3" class="tabcontent">This item can be returned for a full refund within one year of purchase. </div> <div id="country4" class="tabcontent"> <div style="MARGIN: 0in 0in 0pt"><span style="FONT-FAMILY: Arial; FONT-SIZE: 12pt"><span style="FONT-SIZE: 12pt; mso-spacerun: yes">If you are not 100% satisfied with your order, you can return it for a full refund within one year of purchase</span></span><span style="FONT-FAMILY: Arial; FONT-SIZE: 12pt"><span style="FONT-SIZE: 12pt; mso-spacerun: yes">.</span></span></div> <div style="MARGIN: 0in 0in 0pt"><span style="FONT-FAMILY: Arial; FONT-SIZE: 12pt"><span style="FONT-SIZE: 12pt; mso-spacerun: yes"></span></span></div> <div style="MARGIN: 0in 0in 0pt"><span style="FONT-FAMILY: Arial; FONT-SIZE: 12pt"><span style="FONT-SIZE: 12pt; mso-spacerun: yes">Exchanges can be made for up to two years after the original purchase date.</span></span></div> <div style="MARGIN: 0in 0in 0pt"><span style="FONT-FAMILY: Arial; FONT-SIZE: 12pt"><span style="FONT-SIZE: 12pt; mso-spacerun: yes"></span></span></div> <div style="MARGIN: 0in 0in 0pt"><span style="FONT-FAMILY: Arial; FONT-SIZE: 12pt"><span style="FONT-SIZE: 12pt; mso-spacerun: yes">For questions, please contact our customer service team at 1-800-308-9841 or email us at <a href="mailto:support@mysupplybuy.com">support@mysupplybuy.com</a>.</span></span></div></div></div> <script type="text/javascript"> var countries=new ddtabcontent("countrytabs"); countries.setpersist(true); countries.setselectedClassTarget("link"); countries.init(); </script> |
Comments
0 comments
Article is closed for comments.