Created
July 15, 2025 19:49
-
-
Save amberhinds/dea714ebe031fc35ca4f6204f88a1dae to your computer and use it in GitHub Desktop.
Example improved tab HTML for Woo composite products
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="component_selections"> | |
| <p class="component_section_title"> | |
| <label class="select_label" for="component_options_1749463717"> | |
| Available options: | |
| </label> | |
| </p> | |
| <div class="component_pagination cp_clearfix top" data-pagination_data="{"page":1,"pages":1}" style="display:none"> | |
| <p class="index woocommerce-result-count" tabindex="-1">Page 1 of 1</p> | |
| <nav class="woocommerce-pagination"> | |
| <ul class="page-numbers"> | |
| <li> | |
| <span aria-current="page" class="page-numbers component_pagination_element number current" data-page_num="1">1</span> | |
| </li> | |
| </ul> | |
| </nav> | |
| </div> | |
| <div class="component_options" data-options_data="[{"component_id":"1749463717","option_id":"373","option_title":"Stickers","option_price_html":"<span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#36;<\/span>5.00<\/bdi><\/span> <span class=\"component_option_each\">each<\/span>","option_thumbnail_html":"<img width=\"300\" height=\"300\" src=\"https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/67771c8e-9f46-4313-8ebe-dc9f8608535a-300x300.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail wp-post-image\" alt=\"Skate, fire skull, Cactus, and rainbow skateboard stickers\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/67771c8e-9f46-4313-8ebe-dc9f8608535a-300x300.png 300w, https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/67771c8e-9f46-4313-8ebe-dc9f8608535a-150x150.png 150w, https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/67771c8e-9f46-4313-8ebe-dc9f8608535a-768x768.png 768w, https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/67771c8e-9f46-4313-8ebe-dc9f8608535a-600x600.png 600w, https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/67771c8e-9f46-4313-8ebe-dc9f8608535a-100x100.png 100w, https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/67771c8e-9f46-4313-8ebe-dc9f8608535a.png 1024w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>","option_product_data":{"price":"5","regular_price":"","product_type":"variable","variation_id":"","variations_data":[{"attributes":{"attribute_sticker-pack":"Desert"},"availability_html":"","backorders_allowed":false,"dimensions":{"length":"","width":"","height":""},"dimensions_html":"N\/A","display_price":5,"display_regular_price":5,"image":{"title":"67771c8e-9f46-4313-8ebe-dc9f8608535a","caption":"","url":"https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/67771c8e-9f46-4313-8ebe-dc9f8608535a.png","alt":"Skate, fire skull, Cactus, and rainbow skateboard stickers","src":"https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/67771c8e-9f46-4313-8ebe-dc9f8608535a-300x300.png","srcset":"https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/67771c8e-9f46-4313-8ebe-dc9f8608535a-300x300.png 300w, https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/67771c8e-9f46-4313-8ebe-dc9f8608535a-150x150.png 150w, https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/67771c8e-9f46-4313-8ebe-dc9f8608535a-768x768.png 768w, https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/67771c8e-9f46-4313-8ebe-dc9f8608535a-600x600.png 600w, https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/67771c8e-9f46-4313-8ebe-dc9f8608535a-100x100.png 100w, https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/67771c8e-9f46-4313-8ebe-dc9f8608535a.png 1024w","sizes":"(max-width: 300px) 100vw, 300px","full_src":"https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/67771c8e-9f46-4313-8ebe-dc9f8608535a.png","full_src_w":1024,"full_src_h":1024,"gallery_thumbnail_src":"https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/67771c8e-9f46-4313-8ebe-dc9f8608535a-100x100.png","gallery_thumbnail_src_w":100,"gallery_thumbnail_src_h":100,"thumb_src":"https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/67771c8e-9f46-4313-8ebe-dc9f8608535a-300x300.png","thumb_src_w":300,"thumb_src_h":300,"src_w":300,"src_h":300},"image_id":376,"is_downloadable":false,"is_in_stock":true,"is_purchasable":true,"is_sold_individually":"no","is_virtual":false,"max_qty":4,"min_qty":1,"price_html":"<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#36;<\/span>5.00<\/bdi><\/span> <span class=\"component_option_each\">each<\/span><\/span>","sku":"","variation_description":"","variation_id":378,"variation_is_active":true,"variation_is_visible":true,"weight":"","weight_html":"N\/A","input_value":1,"price":"5","regular_price":"5","tax_ratios":{"incl":1.0500000000000000444089209850062616169452667236328125,"excl":1},"availability_for_summary":"","is_composited":true},{"attributes":{"attribute_sticker-pack":"Cute"},"availability_html":"","backorders_allowed":false,"dimensions":{"length":"","width":"","height":""},"dimensions_html":"N\/A","display_price":5,"display_regular_price":5,"image":{"title":"pexels-eva-bronzini-6551795","caption":"","url":"https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/pexels-eva-bronzini-6551795.jpg","alt":"Bunnies and flowers","src":"https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/pexels-eva-bronzini-6551795-300x300.jpg","srcset":"https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/pexels-eva-bronzini-6551795-300x300.jpg 300w, https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/pexels-eva-bronzini-6551795-150x150.jpg 150w, https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/pexels-eva-bronzini-6551795-100x100.jpg 100w","sizes":"(max-width: 300px) 100vw, 300px","full_src":"https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/pexels-eva-bronzini-6551795.jpg","full_src_w":640,"full_src_h":960,"gallery_thumbnail_src":"https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/pexels-eva-bronzini-6551795-100x100.jpg","gallery_thumbnail_src_w":100,"gallery_thumbnail_src_h":100,"thumb_src":"https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/pexels-eva-bronzini-6551795-300x300.jpg","thumb_src_w":300,"thumb_src_h":300,"src_w":300,"src_h":300},"image_id":383,"is_downloadable":false,"is_in_stock":true,"is_purchasable":true,"is_sold_individually":"no","is_virtual":false,"max_qty":4,"min_qty":1,"price_html":"<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#36;<\/span>5.00<\/bdi><\/span> <span class=\"component_option_each\">each<\/span><\/span>","sku":"","variation_description":"","variation_id":379,"variation_is_active":true,"variation_is_visible":true,"weight":"","weight_html":"N\/A","input_value":1,"price":"5","regular_price":"5","tax_ratios":{"incl":1.0500000000000000444089209850062616169452667236328125,"excl":1},"availability_for_summary":"","is_composited":true},{"attributes":{"attribute_sticker-pack":"GitHub"},"availability_html":"","backorders_allowed":false,"dimensions":{"length":"","width":"","height":""},"dimensions_html":"N\/A","display_price":5,"display_regular_price":5,"image":{"title":"pexels-divinetechygirl-1181253","caption":"","url":"https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/pexels-divinetechygirl-1181253.jpg","alt":"GitHub octo-cat stickers","src":"https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/pexels-divinetechygirl-1181253-300x300.jpg","srcset":"https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/pexels-divinetechygirl-1181253-300x300.jpg 300w, https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/pexels-divinetechygirl-1181253-150x150.jpg 150w, https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/pexels-divinetechygirl-1181253-100x100.jpg 100w","sizes":"(max-width: 300px) 100vw, 300px","full_src":"https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/pexels-divinetechygirl-1181253.jpg","full_src_w":640,"full_src_h":427,"gallery_thumbnail_src":"https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/pexels-divinetechygirl-1181253-100x100.jpg","gallery_thumbnail_src_w":100,"gallery_thumbnail_src_h":100,"thumb_src":"https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/pexels-divinetechygirl-1181253-300x300.jpg","thumb_src_w":300,"thumb_src_h":300,"src_w":300,"src_h":300},"image_id":384,"is_downloadable":false,"is_in_stock":true,"is_purchasable":true,"is_sold_individually":"no","is_virtual":false,"max_qty":4,"min_qty":1,"price_html":"<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#36;<\/span>5.00<\/bdi><\/span> <span class=\"component_option_each\">each<\/span><\/span>","sku":"","variation_description":"","variation_id":380,"variation_is_active":true,"variation_is_visible":true,"weight":"","weight_html":"N\/A","input_value":1,"price":"5","regular_price":"5","tax_ratios":{"incl":1.0500000000000000444089209850062616169452667236328125,"excl":1},"availability_for_summary":"","is_composited":true},{"attributes":{"attribute_sticker-pack":"Sk8"},"availability_html":"","backorders_allowed":false,"dimensions":{"length":"","width":"","height":""},"dimensions_html":"N\/A","display_price":5,"display_regular_price":5,"image":{"title":"ChatGPT Image Jun 9, 2025, 05_15_10 AM","caption":"","url":"https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/ChatGPT-Image-Jun-9-2025-05_15_10-AM.png","alt":"Spiky blue smily face, SK8, Rose, and checkered circle","src":"https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/ChatGPT-Image-Jun-9-2025-05_15_10-AM-300x300.png","srcset":"https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/ChatGPT-Image-Jun-9-2025-05_15_10-AM-300x300.png 300w, https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/ChatGPT-Image-Jun-9-2025-05_15_10-AM-150x150.png 150w, https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/ChatGPT-Image-Jun-9-2025-05_15_10-AM-100x100.png 100w","sizes":"(max-width: 300px) 100vw, 300px","full_src":"https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/ChatGPT-Image-Jun-9-2025-05_15_10-AM.png","full_src_w":1536,"full_src_h":1024,"gallery_thumbnail_src":"https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/ChatGPT-Image-Jun-9-2025-05_15_10-AM-100x100.png","gallery_thumbnail_src_w":100,"gallery_thumbnail_src_h":100,"thumb_src":"https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/ChatGPT-Image-Jun-9-2025-05_15_10-AM-300x300.png","thumb_src_w":300,"thumb_src_h":300,"src_w":300,"src_h":300},"image_id":382,"is_downloadable":false,"is_in_stock":true,"is_purchasable":true,"is_sold_individually":"no","is_virtual":false,"max_qty":4,"min_qty":1,"price_html":"<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#36;<\/span>5.00<\/bdi><\/span> <span class=\"component_option_each\">each<\/span><\/span>","sku":"","variation_description":"","variation_id":381,"variation_is_active":true,"variation_is_visible":true,"weight":"","weight_html":"N\/A","input_value":1,"price":"5","regular_price":"5","tax_ratios":{"incl":1.0500000000000000444089209850062616169452667236328125,"excl":1},"availability_for_summary":"","is_composited":true}],"tax_ratios":{"incl":1.0500000000000000444089209850062616169452667236328125,"excl":1},"image_data":{"image_src":"https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/67771c8e-9f46-4313-8ebe-dc9f8608535a-300x300.png","image_srcset":"https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/67771c8e-9f46-4313-8ebe-dc9f8608535a-300x300.png 300w, https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/67771c8e-9f46-4313-8ebe-dc9f8608535a-150x150.png 150w, https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/67771c8e-9f46-4313-8ebe-dc9f8608535a-768x768.png 768w, https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/67771c8e-9f46-4313-8ebe-dc9f8608535a-600x600.png 600w, https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/67771c8e-9f46-4313-8ebe-dc9f8608535a-100x100.png 100w, https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/67771c8e-9f46-4313-8ebe-dc9f8608535a.png 1024w","image_sizes":"(max-width: 300px) 100vw, 300px","image_title":"Stickers"},"stock_status":"in-stock","availability_for_summary":"","product_html":"\t<div class=\"composited_product_title_wrapper\" data-show_title=\"yes\"><\/div>\n\t<div class=\"composited_product_details_wrapper\"><div class=\"composited_product_images images\">\n\t\t\t\t\t\t<figure class=\"composited_product_image woocommerce-product-gallery__image\"><a href=\"#\" role=\"button\" aria-haspopup=\"dialog\" aria-controls=\"\" aria-label=\"Open image for Decoration in lightbox.\" class=\"image zoom\" data-rel=\"photoSwipe\"><img width=\"300\" height=\"300\" src=\"https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/67771c8e-9f46-4313-8ebe-dc9f8608535a-300x300.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail wp-post-image\" alt=\"Skate, fire skull, Cactus, and rainbow skateboard stickers\" data-caption=\"\" data-large_image=\"https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/67771c8e-9f46-4313-8ebe-dc9f8608535a.png\" data-large_image_width=\"1024\" data-large_image_height=\"1024\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/67771c8e-9f46-4313-8ebe-dc9f8608535a-300x300.png 300w, https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/67771c8e-9f46-4313-8ebe-dc9f8608535a-150x150.png 150w, https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/67771c8e-9f46-4313-8ebe-dc9f8608535a-768x768.png 768w, https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/67771c8e-9f46-4313-8ebe-dc9f8608535a-600x600.png 600w, https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/67771c8e-9f46-4313-8ebe-dc9f8608535a-100x100.png 100w, https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/67771c8e-9f46-4313-8ebe-dc9f8608535a.png 1024w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/figure>\t<\/div>\n<div class=\"details component_data\">\n\t<table class=\"variations\" cellspacing=\"0\" role=\"presentation\">\n\t\t<tbody>\n\t\t\t\t\t\t<tr class=\"attribute_options\" data-attribute_label=\"Sticker Pack\">\n\t\t\t\t\t<td class=\"label\">\n\t\t\t\t\t\t<label for=\"sticker-pack-1749463717\">Sticker Pack <span class=\"screen-reader-text\">(for Stickers)<\/span> <abbr class=\"required\" aria-hidden=\"true\" title=\"Required option\">*<\/abbr><\/label>\n\t\t\t\t\t<\/td>\n\t\t\t\t\t<td class=\"value\">\n\t\t\t\t\t<select id=\"sticker-pack-1749463717\" class=\"\" name=\"wccp_attribute_sticker-pack[1749463717]\" data-attribute_name=\"attribute_sticker-pack\" data-show_option_none=\"yes\" required><option value=\"\">Choose an option<\/option><option value=\"Desert\" >Desert<\/option><option value=\"Cute\" >Cute<\/option><option value=\"GitHub\" >GitHub<\/option><option value=\"Sk8\" >Sk8<\/option><\/select><div class=\"reset_variations_wrapper_fixed\"><a class=\"reset_variations\" href=\"#\">Clear<\/a><\/div>\t\t\t\t\t<\/td>\n\t\t\t\t<\/tr>\n\t\t\t\t\t\t<\/tbody>\n\t<\/table>\n\t\t<div class=\"single_variation_wrap component_wrap\">\n\t\t<div class=\"woocommerce-variation single_variation\"><\/div>\n\t<div class=\"woocommerce-variation-add-to-cart variations_button quantity_button\">\n\t<input type=\"hidden\" class=\"variation_id\" name=\"wccp_variation_id[1749463717]\" value=\"\"\/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"quantity\">\n\t <label class=\"screen-reader-text\" for=\"quantity_6876a5119555a\">Stickers quantity<\/label>\n\t<input\n\t\ttype=\"number\"\n\t\t\t\tid=\"quantity_6876a5119555a\"\n\t\tclass=\"input-text qty text\"\n\t\tname=\"wccp_component_quantity[1749463717]\"\n\t\tvalue=\"1\"\n\t\taria-label=\"Product quantity\"\n\t\t\t\tmin=\"1\"\n\t\t\t\t\tmax=\"4\"\n\t\t\t\t\t\t\tstep=\"0\"\n\t\t\tplaceholder=\"\"\n\t\t\tinputmode=\"numeric\"\n\t\t\tautocomplete=\"off\"\n\t\t\t\/>\n\t<\/div>\n\t<\/div>\n\t<\/div>\n<\/div>\n<\/div>"},"option_price_data":{"price":5,"regular_price":5,"max_price":5,"max_regular_price":5,"min_qty":1,"max_qty":4,"discount":""},"has_addons":false,"has_required_addons":false,"has_restricted_addons":false,"is_configurable":true,"is_nyp":false,"is_in_view":true,"is_selected":true},{"component_id":"1749463717","option_id":"386","option_title":"Custom Paint","option_price_html":"<span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#36;<\/span>20.00<\/bdi><\/span> <span class=\"component_option_each\">each<\/span>","option_thumbnail_html":"<img width=\"300\" height=\"300\" src=\"https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2024\/08\/img-assumenda-300x300.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail wp-post-image\" alt=\"square surrounded by dots and triangles\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2024\/08\/img-assumenda-300x300.png 300w, https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2024\/08\/img-assumenda-100x100.png 100w, https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2024\/08\/img-assumenda-600x600.png 600w, https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2024\/08\/img-assumenda-150x150.png 150w, https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2024\/08\/img-assumenda.png 700w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>","option_product_data":{"price":"20","regular_price":"20","product_type":"simple","variation_id":"","variations_data":false,"tax_ratios":{"incl":1.0500000000000000444089209850062616169452667236328125,"excl":1},"image_data":{"image_src":"https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2024\/08\/img-assumenda-300x300.png","image_srcset":"https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2024\/08\/img-assumenda-300x300.png 300w, https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2024\/08\/img-assumenda-100x100.png 100w, https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2024\/08\/img-assumenda-600x600.png 600w, https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2024\/08\/img-assumenda-150x150.png 150w, https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2024\/08\/img-assumenda.png 700w","image_sizes":"(max-width: 300px) 100vw, 300px","image_title":"Custom Paint"},"stock_status":"in-stock","availability_for_summary":"","product_html":"\t<div class=\"composited_product_title_wrapper\" data-show_title=\"yes\"><\/div>\n\t<div class=\"composited_product_details_wrapper\"><div class=\"composited_product_images images\">\n\t\t\t\t\t\t<figure class=\"composited_product_image woocommerce-product-gallery__image\"><a href=\"#\" role=\"button\" aria-haspopup=\"dialog\" aria-controls=\"\" aria-label=\"Open image for Decoration in lightbox.\" class=\"image zoom\" data-rel=\"photoSwipe\"><img width=\"300\" height=\"300\" src=\"https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2024\/08\/img-assumenda-300x300.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail wp-post-image\" alt=\"square surrounded by dots and triangles\" data-caption=\"\" data-large_image=\"https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2024\/08\/img-assumenda.png\" data-large_image_width=\"700\" data-large_image_height=\"700\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2024\/08\/img-assumenda-300x300.png 300w, https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2024\/08\/img-assumenda-100x100.png 100w, https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2024\/08\/img-assumenda-600x600.png 600w, https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2024\/08\/img-assumenda-150x150.png 150w, https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2024\/08\/img-assumenda.png 700w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/figure>\t<\/div>\n<div class=\"details component_data\">\n<p>Get a custom paint job for your skateboard.<\/p>\n\t<div class=\"component_wrap\">\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#036;<\/span>20.00<\/span> <span class=\"component_option_each\">each<\/span><\/span>\n\t\t<div class=\"quantity_button\">\n\t\t<div class=\"quantity\">\n\t\t<label class=\"screen-reader-text\" for=\"quantity_6876a5119f595\">Custom Paint quantity<\/label>\n\t<input\n\t\ttype=\"number\"\n\t\t\t\tid=\"quantity_6876a5119f595\"\n\t\tclass=\"input-text qty text\"\n\t\tname=\"wccp_component_quantity[1749463717]\"\n\t\tvalue=\"1\"\n\t\taria-label=\"Product quantity\"\n\t\t\t\tmin=\"1\"\n\t\t\t\t\tmax=\"4\"\n\t\t\t\t\t\t\tstep=\"0\"\n\t\t\tplaceholder=\"\"\n\t\t\tinputmode=\"numeric\"\n\t\t\tautocomplete=\"off\"\n\t\t\t\/>\n\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n<\/div>"},"option_price_data":{"price":20,"regular_price":20,"max_price":20,"max_regular_price":20,"min_qty":1,"max_qty":4,"discount":""},"has_addons":false,"has_required_addons":false,"has_restricted_addons":false,"is_configurable":false,"is_nyp":false,"is_in_view":true,"is_selected":false},{"component_id":"1749463717","option_id":"388","option_title":"Tonmy Hawk Signature","option_price_html":"<span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#36;<\/span>100.00<\/bdi><\/span> <span class=\"component_option_each\">each<\/span>","option_thumbnail_html":"<img width=\"273\" height=\"185\" src=\"https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/tony-sig.jpg\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail wp-post-image\" alt=\"Tony Hawk Signature on Skateboard\" decoding=\"async\" loading=\"lazy\" \/>","option_product_data":{"price":"100","regular_price":"100","product_type":"simple","variation_id":"","variations_data":false,"tax_ratios":{"incl":1.0500000000000000444089209850062616169452667236328125,"excl":1},"image_data":{"image_src":"https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/tony-sig.jpg","image_srcset":"","image_sizes":"(max-width: 273px) 100vw, 273px","image_title":"Tonmy Hawk Signature"},"stock_status":"in-stock","availability_for_summary":"","product_html":"\t<div class=\"composited_product_title_wrapper\" data-show_title=\"yes\"><\/div>\n\t<div class=\"composited_product_details_wrapper\"><div class=\"composited_product_images images\">\n\t\t\t\t\t\t<figure class=\"composited_product_image woocommerce-product-gallery__image\"><a href=\"#\" role=\"button\" aria-haspopup=\"dialog\" aria-controls=\"\" aria-label=\"Open image for Decoration in lightbox.\" class=\"image zoom\" data-rel=\"photoSwipe\"><img width=\"273\" height=\"185\" src=\"https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/tony-sig.jpg\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail wp-post-image\" alt=\"Tony Hawk Signature on Skateboard\" data-caption=\"\" data-large_image=\"https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/tony-sig.jpg\" data-large_image_width=\"273\" data-large_image_height=\"185\" decoding=\"async\" loading=\"lazy\" \/><\/a><\/figure>\t<\/div>\n<div class=\"details component_data\">\n<p>Get a Tony Hawk signature on your skateboard. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p>\n\t<div class=\"component_wrap\">\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#036;<\/span>100.00<\/span> <span class=\"component_option_each\">each<\/span><\/span>\n\t\t<div class=\"quantity_button\">\n\t\t<div class=\"quantity\">\n\t\t<label class=\"screen-reader-text\" for=\"quantity_6876a511a958e\">Tonmy Hawk Signature quantity<\/label>\n\t<input\n\t\ttype=\"number\"\n\t\t\t\tid=\"quantity_6876a511a958e\"\n\t\tclass=\"input-text qty text\"\n\t\tname=\"wccp_component_quantity[1749463717]\"\n\t\tvalue=\"1\"\n\t\taria-label=\"Product quantity\"\n\t\t\t\tmin=\"1\"\n\t\t\t\t\tmax=\"4\"\n\t\t\t\t\t\t\tstep=\"0\"\n\t\t\tplaceholder=\"\"\n\t\t\tinputmode=\"numeric\"\n\t\t\tautocomplete=\"off\"\n\t\t\t\/>\n\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n<\/div>"},"option_price_data":{"price":100,"regular_price":100,"max_price":100,"max_regular_price":100,"min_qty":1,"max_qty":4,"discount":""},"has_addons":false,"has_required_addons":false,"has_restricted_addons":false,"is_configurable":false,"is_nyp":false,"is_in_view":true,"is_selected":false},{"component_id":"1749463717","option_id":"389","option_title":"Blank Skateboard Deck","option_price_html":"<span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#36;<\/span>50.00<\/bdi><\/span> <span class=\"component_option_each\">each<\/span>","option_thumbnail_html":"<img width=\"300\" height=\"300\" src=\"https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/blank-skateboard-deck-300x300.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail wp-post-image\" alt=\"Blank skateboard deck\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/blank-skateboard-deck-300x300.png 300w, https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/blank-skateboard-deck-100x100.png 100w, https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/blank-skateboard-deck-600x600.png 600w, https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/blank-skateboard-deck-150x150.png 150w, https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/blank-skateboard-deck.png 700w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>","option_product_data":{"price":"50","regular_price":"50","product_type":"simple","variation_id":"","variations_data":false,"tax_ratios":{"incl":1.0500000000000000444089209850062616169452667236328125,"excl":1},"image_data":{"image_src":"https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/blank-skateboard-deck-300x300.png","image_srcset":"https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/blank-skateboard-deck-300x300.png 300w, https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/blank-skateboard-deck-100x100.png 100w, https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/blank-skateboard-deck-600x600.png 600w, https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/blank-skateboard-deck-150x150.png 150w, https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/blank-skateboard-deck.png 700w","image_sizes":"(max-width: 300px) 100vw, 300px","image_title":"Blank Skateboard Deck"},"stock_status":"in-stock","availability_for_summary":"","product_html":"\t<div class=\"composited_product_title_wrapper\" data-show_title=\"yes\"><\/div>\n\t<div class=\"composited_product_details_wrapper\"><div class=\"composited_product_images images\">\n\t\t\t\t\t\t<figure class=\"composited_product_image woocommerce-product-gallery__image\"><a href=\"#\" role=\"button\" aria-haspopup=\"dialog\" aria-controls=\"\" aria-label=\"Open image for Decoration in lightbox.\" class=\"image zoom\" data-rel=\"photoSwipe\"><img width=\"300\" height=\"300\" src=\"https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/blank-skateboard-deck-300x300.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail wp-post-image\" alt=\"Blank skateboard deck\" data-caption=\"\" data-large_image=\"https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/blank-skateboard-deck.png\" data-large_image_width=\"700\" data-large_image_height=\"700\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/blank-skateboard-deck-300x300.png 300w, https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/blank-skateboard-deck-100x100.png 100w, https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/blank-skateboard-deck-600x600.png 600w, https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/blank-skateboard-deck-150x150.png 150w, https:\/\/woo.equalizedigital.com\/wp-content\/uploads\/2025\/06\/blank-skateboard-deck.png 700w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/figure>\t<\/div>\n<div class=\"details component_data\">\n<p>Get a blank skateboard deck. Perfect for your own design or paint job.<\/p>\n\t<div class=\"component_wrap\">\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#036;<\/span>50.00<\/span> <span class=\"component_option_each\">each<\/span><\/span>\n\t\t<div class=\"quantity_button\">\n\t\t<div class=\"quantity\">\n\t\t<label class=\"screen-reader-text\" for=\"quantity_6876a511a958e\">Tonmy Hawk Signature quantity<\/label>\n\t<input\n\t\ttype=\"number\"\n\t\t\t\tid=\"quantity_6876a511a958e\"\n\t\tclass=\"input-text qty text\"\n\t\tname=\"wccp_component_quantity[1749463717]\"\n\t\tvalue=\"1\"\n\t\taria-label=\"Product quantity\"\n\t\t\t\tmin=\"1\"\n\t\t\t\t\tmax=\"4\"\n\t\t\t\t\t\t\tstep=\"0\"\n\t\t\tplaceholder=\"\"\n\t\t\tinputmode=\"numeric\"\n\t\t\tautocomplete=\"off\"\n\t\t\t\/>\n\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n<\/div>"},"option_price_data":{"price":50,"regular_price":50,"max_price":50,"max_regular_price":50,"min_qty":1,"max_qty":4,"discount":""},"has_addons":false,"has_required_addons":false,"has_restricted_addons":false,"is_configurable":false,"is_nyp":false,"is_in_view":true,"is_selected":false}]"> | |
| <div class="component_options_inner cp_clearfix"> | |
| <div id="component_option_thumbnails_1749463717" class="component_option_thumbnails columns-3" data-component_option_columns="3"> | |
| <ul class="component_option_thumbnails_container cp_clearfix" style="list-style:none" role="tablist"> | |
| <li role="presentation" id="component_option_thumbnail_container_373" class="component_option_thumbnail_container first"> | |
| <button id="tab-373" role="tab" aria-selected="true" aria-controls="component_content_1749463717" tabindex="0" class="component_option_thumbnail selected" data-val="373" type="button"> | |
| <span class="image thumbnail_image"> | |
| <img width="300" height="300" src="https://woo.equalizedigital.com/wp-content/uploads/2025/06/67771c8e-9f46-4313-8ebe-dc9f8608535a-300x300.png" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail wp-post-image" alt="Skate, fire skull, Cactus, and rainbow skateboard stickers" decoding="async" loading="lazy" srcset="https://woo.equalizedigital.com/wp-content/uploads/2025/06/67771c8e-9f46-4313-8ebe-dc9f8608535a-300x300.png 300w, https://woo.equalizedigital.com/wp-content/uploads/2025/06/67771c8e-9f46-4313-8ebe-dc9f8608535a-150x150.png 150w, https://woo.equalizedigital.com/wp-content/uploads/2025/06/67771c8e-9f46-4313-8ebe-dc9f8608535a-768x768.png 768w, https://woo.equalizedigital.com/wp-content/uploads/2025/06/67771c8e-9f46-4313-8ebe-dc9f8608535a-600x600.png 600w, https://woo.equalizedigital.com/wp-content/uploads/2025/06/67771c8e-9f46-4313-8ebe-dc9f8608535a-100x100.png 100w, https://woo.equalizedigital.com/wp-content/uploads/2025/06/67771c8e-9f46-4313-8ebe-dc9f8608535a.png 1024w" sizes="auto, (max-width: 300px) 100vw, 300px"> | |
| </span> | |
| <span class="thumbnail_description"> | |
| <span class="thumbnail_title title">Stickers</span> | |
| <span class="thumbnail_price price"> | |
| <span class="woocommerce-Price-amount amount"> | |
| <bdi><span class="woocommerce-Price-currencySymbol">$</span>5.00</bdi> | |
| </span> | |
| <span class="component_option_each">each</span> | |
| </span> | |
| </span> | |
| </button> | |
| </li> | |
| <li role="presentation" id="component_option_thumbnail_container_386" class="component_option_thumbnail_container"> | |
| <button id="tab-386" role="tab" aria-selected="false" aria-controls="component_content_1749463717" tabindex="-1" class="component_option_thumbnail" data-val="386" type="button"> | |
| <span class="image thumbnail_image"> | |
| <img width="300" height="300" src="https://woo.equalizedigital.com/wp-content/uploads/2024/08/img-assumenda-300x300.png" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail wp-post-image" alt="square surrounded by dots and triangles" decoding="async" loading="lazy" srcset="https://woo.equalizedigital.com/wp-content/uploads/2024/08/img-assumenda-300x300.png 300w, https://woo.equalizedigital.com/wp-content/uploads/2024/08/img-assumenda-100x100.png 100w, https://woo.equalizedigital.com/wp-content/uploads/2024/08/img-assumenda-600x600.png 600w, https://woo.equalizedigital.com/wp-content/uploads/2024/08/img-assumenda-150x150.png 150w, https://woo.equalizedigital.com/wp-content/uploads/2024/08/img-assumenda.png 700w" sizes="auto, (max-width: 300px) 100vw, 300px"> | |
| </span> | |
| <span class="thumbnail_description"> | |
| <span class="thumbnail_title title">Custom Paint</span> | |
| <span class="thumbnail_price price"> | |
| <span class="woocommerce-Price-amount amount"> | |
| <bdi><span class="woocommerce-Price-currencySymbol">$</span>20.00</bdi> | |
| </span> | |
| <span class="component_option_each">each</span> | |
| </span> | |
| </span> | |
| </button> | |
| </li> | |
| <li role="presentation" id="component_option_thumbnail_container_388" class="component_option_thumbnail_container last"> | |
| <button id="tab-388" role="tab" aria-selected="false" aria-controls="component_content_1749463717" tabindex="-1" class="component_option_thumbnail" data-val="388" type="button"> | |
| <span class="image thumbnail_image"> | |
| <img width="273" height="185" src="https://woo.equalizedigital.com/wp-content/uploads/2025/06/tony-sig.jpg" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail wp-post-image" alt="Tony Hawk Signature on Skateboard" decoding="async" loading="lazy"> | |
| </span> | |
| <span class="thumbnail_description"> | |
| <span class="thumbnail_title title">Tonmy Hawk Signature</span> | |
| <span class="thumbnail_price price"> | |
| <span class="woocommerce-Price-amount amount"> | |
| <bdi><span class="woocommerce-Price-currencySymbol">$</span>100.00</bdi> | |
| </span> | |
| <span class="component_option_each">each</span> | |
| </span> | |
| </span> | |
| </button> | |
| </li> | |
| </ul> | |
| </div> | |
| <div class="component_options_select_wrapper" style="display:none;"> | |
| <select id="component_options_1749463717" class="component_options_select" name="wccp_component_selection[1749463717]"> | |
| <option value="">No Decoration</option> | |
| <option value="373" selected="selected">Stickers</option> | |
| <option value="386">Custom Paint</option> | |
| <option value="388">Tonmy Hawk Signature</option> | |
| </select> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="component_pagination cp_clearfix bottom" data-pagination_data="{"page":1,"pages":1}" style="display:none"> | |
| <p class="index woocommerce-result-count" tabindex="-1">Page 1 of 1</p> | |
| <nav class="woocommerce-pagination"> | |
| <ul class="page-numbers"> | |
| <li> | |
| <span aria-current="page" class="page-numbers component_pagination_element number current" data-page_num="1">1</span> | |
| </li> | |
| </ul> | |
| </nav> | |
| </div> | |
| <div class="component_content" id="component_content_1749463717" data-product_id="1749463717" role="tabpanel" aria-labelledby="tab-373"> | |
| <div class="component_summary cp_clearfix"> | |
| <div class="product content summary_content populated cart variations_form" current-image=""> | |
| <div class="composited_product_title_wrapper" data-show_title="yes"> | |
| <p class="component_section_title"> | |
| Your selection: | |
| </p> | |
| <h3 class="composited_product_title component_section_title product_title" aria-label="Your selection: Stickers" tabindex="-1">Stickers</h3> | |
| <p class="component_section_title clear_component_options_wrapper"> | |
| <a class="clear_component_options" href="#">Clear selection</a> | |
| </p> | |
| </div> | |
| <div class="composited_product_details_wrapper"> | |
| <div class="composited_product_images images" style="opacity: 1;"> | |
| <figure class="composited_product_image woocommerce-product-gallery__image"> | |
| <a href="#" role="button" aria-haspopup="dialog" aria-controls="" aria-label="Open image for Decoration in lightbox." class="image zoom" data-rel="photoSwipe"> | |
| <img width="300" height="300" src="https://woo.equalizedigital.com/wp-content/uploads/2025/06/67771c8e-9f46-4313-8ebe-dc9f8608535a-300x300.png" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail wp-post-image" alt="Skate, fire skull, Cactus, and rainbow skateboard stickers" data-caption="" data-large_image="https://woo.equalizedigital.com/wp-content/uploads/2025/06/67771c8e-9f46-4313-8ebe-dc9f8608535a.png" data-large_image_width="1024" data-large_image_height="1024" decoding="async" loading="lazy" srcset="https://woo.equalizedigital.com/wp-content/uploads/2025/06/67771c8e-9f46-4313-8ebe-dc9f8608535a-300x300.png 300w, https://woo.equalizedigital.com/wp-content/uploads/2025/06/67771c8e-9f46-4313-8ebe-dc9f8608535a-150x150.png 150w, https://woo.equalizedigital.com/wp-content/uploads/2025/06/67771c8e-9f46-4313-8ebe-dc9f8608535a-768x768.png 768w, https://woo.equalizedigital.com/wp-content/uploads/2025/06/67771c8e-9f46-4313-8ebe-dc9f8608535a-600x600.png 600w, https://woo.equalizedigital.com/wp-content/uploads/2025/06/67771c8e-9f46-4313-8ebe-dc9f8608535a-100x100.png 100w, https://woo.equalizedigital.com/wp-content/uploads/2025/06/67771c8e-9f46-4313-8ebe-dc9f8608535a.png 1024w" sizes="auto, (max-width: 300px) 100vw, 300px"> | |
| </a> | |
| </figure> | |
| </div> | |
| <div class="details component_data"> | |
| <table class="variations" cellspacing="0" role="presentation"> | |
| <tbody> | |
| <tr class="attribute_options" data-attribute_label="Sticker Pack"> | |
| <td class="label"> | |
| <label for="sticker-pack-1749463717">Sticker Pack <span class="screen-reader-text">(for Stickers)</span> <abbr class="required" aria-hidden="true" title="Required option">*</abbr></label> | |
| </td> | |
| <td class="value"> | |
| <select id="sticker-pack-1749463717" class="" name="wccp_attribute_sticker-pack[1749463717]" data-attribute_name="attribute_sticker-pack" data-show_option_none="yes" required> | |
| <option value="">Choose an option</option> | |
| <option value="Desert" class="attached enabled">Desert</option> | |
| <option value="Cute" class="attached enabled">Cute</option> | |
| <option value="GitHub" class="attached enabled">GitHub</option> | |
| <option value="Sk8" class="attached enabled">Sk8</option> | |
| </select> | |
| <div class="reset_variations_wrapper_fixed"> | |
| <a class="reset_variations" href="#" style="visibility: hidden;">Clear</a> | |
| </div> | |
| </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <div class="single_variation_wrap component_wrap"> | |
| <div class="woocommerce-variation single_variation" style="display: none;"></div> | |
| <div class="woocommerce-variation-add-to-cart variations_button quantity_button woocommerce-variation-add-to-cart-disabled"> | |
| <input type="hidden" class="variation_id" name="wccp_variation_id[1749463717]" value=""> | |
| <div class="quantity"> | |
| <label class="screen-reader-text" for="quantity_6876a5119555a">Stickers quantity</label> | |
| <input type="number" id="quantity_6876a5119555a" class="input-text qty text" name="wccp_component_quantity[1749463717]" value="1" aria-label="Product quantity" min="1" max="4" step="0" placeholder="" inputmode="numeric" autocomplete="off"> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment