{"id":524224,"date":"2024-02-21T02:08:41","date_gmt":"2024-02-21T02:08:41","guid":{"rendered":"https:\/\/wordpress.org\/patterns\/pattern\/preview-card-with-image-description-and-buy-now-button-es_cl\/"},"modified":"2026-04-19T20:34:16","modified_gmt":"2026-04-19T20:34:16","slug":"preview-card-with-image-description-and-buy-now-button-es_cl","status":"publish","type":"wporg-pattern","link":"https:\/\/wordpress.org\/patterns\/pattern\/preview-card-with-image-description-and-buy-now-button-es_cl\/","title":{"rendered":"Tarjeta de vista previa con descripci\u00f3n de la imagen y bot\u00f3n de compra"},"content":{"rendered":"\n<div class=\"wp-block-group has-white-background-color has-background is-layout-constrained wp-container-core-group-is-layout-62432ce1 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0\">\n<div class=\"wp-block-columns has-background is-layout-flex wp-container-core-columns-is-layout-0e47273b wp-block-columns-is-layout-flex\" style=\"border-radius:5px;background:linear-gradient(135deg,rgb(255,206,236) 0%,rgb(163,162,241) 99%)\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full has-custom-border\"><img decoding=\"async\" src=\"https:\/\/images.rawpixel.com\/image_1300\/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvcHg3MjMxMTYtaW1hZ2Uta3d2djNodmUuanBn.jpg\" alt=\"\" style=\"border-radius:10px;aspect-ratio:1;object-fit:cover\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading has-text-align-left has-black-color has-text-color has-link-color wp-elements-c75b9b48946f80fa260ee5c1caed4448\" style=\"font-size:32px;font-style:normal;font-weight:400\">Libro 1<\/h2>\n\n\n\n<p class=\"has-text-align-left has-black-color has-text-color has-link-color wp-elements-e35a4b555b87a504c5d8388b3f9a6614 wp-block-paragraph\" style=\"font-size:15px\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tincidunt odio vel justo fermentum, a feugiat mauris viverra. Nullam id cursus purus. Integer sit amet ex vel justo varius aliquet vel ut erat.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-left is-layout-flex wp-container-core-buttons-is-layout-11e77d35 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-white-color has-vivid-cyan-blue-to-vivid-purple-gradient-background has-text-color has-background has-link-color wp-element-button\" style=\"border-radius:5px;padding-top:10px;padding-right:20px;padding-bottom:10px;padding-left:20px\">\u00a1Comprar ahora!<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns has-pale-ocean-gradient-background has-background is-layout-flex wp-container-core-columns-is-layout-0e47273b wp-block-columns-is-layout-flex\" style=\"border-radius:5px\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading has-text-align-left\" style=\"font-size:32px;font-style:normal;font-weight:400\">Libro 2<\/h2>\n\n\n\n<p class=\"has-text-align-left wp-block-paragraph\" style=\"font-size:15px\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tincidunt odio vel justo fermentum, a feugiat mauris viverra. Nullam id cursus purus. Integer sit amet ex vel justo varius aliquet vel ut erat.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-white-color has-text-color has-background has-link-color wp-element-button\" style=\"border-radius:5px;background:linear-gradient(135deg,rgb(94,175,142) 22%,rgb(24,110,78) 100%);padding-top:10px;padding-right:20px;padding-bottom:10px;padding-left:20px\">\u00a1Comprar ahora!<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<figure class=\"wp-block-image size-full has-custom-border is-style-default\"><img decoding=\"async\" src=\"https:\/\/images.rawpixel.com\/image_1300\/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvcHg3MjMxMTYtaW1hZ2Uta3d2djNodmUuanBn.jpg\" alt=\"\" style=\"border-radius:10px;aspect-ratio:1;object-fit:cover\" \/><\/figure>\n<\/div>\n<\/div>\n","protected":false},"author":20948903,"parent":488595,"template":"","meta":{"_crdt_document":"","jetpack_post_was_ever_published":false,"wpop_keywords":"libros, tarjeta, gradiente, cta","wpop_description":"Tarjeta de vista previa con descripci\u00f3n de la imagen y bot\u00f3n de compra sobre fondo degradado","wpop_viewport_width":800,"wpop_block_types":[""],"wpop_locale":"es_CL","wpop_wp_version":"","wpop_contains_block_types":"core\/button,core\/buttons,core\/column,core\/columns,core\/group,core\/heading,core\/image,core\/paragraph","footnotes":""},"pattern-categories":[47,2,42,3,13,65],"pattern-keywords":[],"wporg-pattern-flag-reason":[],"class_list":["post-524224","wporg-pattern","type-wporg-pattern","status-publish","hentry","wporg-pattern-category-about","wporg-pattern-category-buttons","wporg-pattern-category-call-to-action","wporg-pattern-category-columns","wporg-pattern-category-images","wporg-pattern-category-portfolio"],"category_slugs":["about","buttons","call-to-action","columns","images","portfolio"],"keyword_slugs":[],"pattern_content":"<!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"0\",\"margin\":{\"top\":\"0\",\"bottom\":\"0\"}}},\"backgroundColor\":\"white\",\"layout\":{\"type\":\"constrained\"}} -->\n<div class=\"wp-block-group has-white-background-color has-background\" style=\"margin-top:0;margin-bottom:0\"><!-- wp:columns {\"style\":{\"border\":{\"radius\":\"5px\"},\"color\":{\"gradient\":\"linear-gradient(135deg,rgb(255,206,236) 0%,rgb(163,162,241) 99%)\"}}} -->\n<div class=\"wp-block-columns has-background\" style=\"border-radius:5px;background:linear-gradient(135deg,rgb(255,206,236) 0%,rgb(163,162,241) 99%)\"><!-- wp:column {\"verticalAlignment\":\"center\"} -->\n<div class=\"wp-block-column is-vertically-aligned-center\"><!-- wp:image {\"aspectRatio\":\"1\",\"scale\":\"cover\",\"sizeSlug\":\"full\",\"linkDestination\":\"none\",\"style\":{\"border\":{\"radius\":\"10px\"}}} -->\n<figure class=\"wp-block-image size-full has-custom-border\"><img src=\"https:\/\/images.rawpixel.com\/image_1300\/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvcHg3MjMxMTYtaW1hZ2Uta3d2djNodmUuanBn.jpg\" alt=\"\" style=\"border-radius:10px;aspect-ratio:1;object-fit:cover\" \/><\/figure>\n<!-- \/wp:image --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column {\"verticalAlignment\":\"center\"} -->\n<div class=\"wp-block-column is-vertically-aligned-center\"><!-- wp:heading {\"textAlign\":\"left\",\"style\":{\"typography\":{\"fontSize\":\"32px\",\"fontStyle\":\"normal\",\"fontWeight\":\"400\"},\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|black\"}}}},\"textColor\":\"black\"} -->\n<h2 class=\"wp-block-heading has-text-align-left has-black-color has-text-color has-link-color\" style=\"font-size:32px;font-style:normal;font-weight:400\">Libro 1<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph {\"align\":\"left\",\"style\":{\"typography\":{\"fontSize\":\"15px\"},\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|black\"}}}},\"textColor\":\"black\"} -->\n<p class=\"has-text-align-left has-black-color has-text-color has-link-color\" style=\"font-size:15px\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tincidunt odio vel justo fermentum, a feugiat mauris viverra. Nullam id cursus purus. Integer sit amet ex vel justo varius aliquet vel ut erat.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:buttons {\"layout\":{\"type\":\"flex\",\"verticalAlignment\":\"top\",\"justifyContent\":\"left\"}} -->\n<div class=\"wp-block-buttons\"><!-- wp:button {\"textColor\":\"white\",\"gradient\":\"vivid-cyan-blue-to-vivid-purple\",\"style\":{\"border\":{\"radius\":\"5px\"},\"spacing\":{\"padding\":{\"left\":\"20px\",\"right\":\"20px\",\"top\":\"10px\",\"bottom\":\"10px\"}},\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|white\"}}}},\"className\":\"is-style-fill\"} -->\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-white-color has-vivid-cyan-blue-to-vivid-purple-gradient-background has-text-color has-background has-link-color wp-element-button\" style=\"border-radius:5px;padding-top:10px;padding-right:20px;padding-bottom:10px;padding-left:20px\">\u00a1Comprar ahora!<\/a><\/div>\n<!-- \/wp:button --><\/div>\n<!-- \/wp:buttons --><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns --><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:columns {\"style\":{\"border\":{\"radius\":\"5px\"}},\"gradient\":\"pale-ocean\"} -->\n<div class=\"wp-block-columns has-pale-ocean-gradient-background has-background\" style=\"border-radius:5px\"><!-- wp:column {\"verticalAlignment\":\"center\"} -->\n<div class=\"wp-block-column is-vertically-aligned-center\"><!-- wp:heading {\"textAlign\":\"left\",\"style\":{\"typography\":{\"fontSize\":\"32px\",\"fontStyle\":\"normal\",\"fontWeight\":\"400\"}}} -->\n<h2 class=\"wp-block-heading has-text-align-left\" style=\"font-size:32px;font-style:normal;font-weight:400\">Libro 2<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph {\"align\":\"left\",\"style\":{\"typography\":{\"fontSize\":\"15px\"}}} -->\n<p class=\"has-text-align-left\" style=\"font-size:15px\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tincidunt odio vel justo fermentum, a feugiat mauris viverra. Nullam id cursus purus. Integer sit amet ex vel justo varius aliquet vel ut erat.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:buttons -->\n<div class=\"wp-block-buttons\"><!-- wp:button {\"textColor\":\"white\",\"style\":{\"border\":{\"radius\":\"5px\"},\"spacing\":{\"padding\":{\"left\":\"20px\",\"right\":\"20px\",\"top\":\"10px\",\"bottom\":\"10px\"}},\"color\":{\"gradient\":\"linear-gradient(135deg,rgb(94,175,142) 22%,rgb(24,110,78) 100%)\"},\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|white\"}}}},\"className\":\"is-style-fill\"} -->\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-white-color has-text-color has-background has-link-color wp-element-button\" style=\"border-radius:5px;background:linear-gradient(135deg,rgb(94,175,142) 22%,rgb(24,110,78) 100%);padding-top:10px;padding-right:20px;padding-bottom:10px;padding-left:20px\">\u00a1Comprar ahora!<\/a><\/div>\n<!-- \/wp:button --><\/div>\n<!-- \/wp:buttons --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column {\"verticalAlignment\":\"center\",\"style\":{\"spacing\":{\"padding\":{\"right\":\"0\",\"left\":\"0\",\"top\":\"0\",\"bottom\":\"0\"}}}} -->\n<div class=\"wp-block-column is-vertically-aligned-center\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\"><!-- wp:image {\"aspectRatio\":\"1\",\"scale\":\"cover\",\"sizeSlug\":\"full\",\"linkDestination\":\"none\",\"style\":{\"border\":{\"radius\":\"10px\"}},\"className\":\"is-style-default\"} -->\n<figure class=\"wp-block-image size-full has-custom-border is-style-default\"><img src=\"https:\/\/images.rawpixel.com\/image_1300\/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvcHg3MjMxMTYtaW1hZ2Uta3d2djNodmUuanBn.jpg\" alt=\"\" style=\"border-radius:10px;aspect-ratio:1;object-fit:cover\" \/><\/figure>\n<!-- \/wp:image --><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns -->","favorite_count":0,"author_meta":{"name":"Uttam Kumar Dash","url":"https:\/\/wordpress.org\/patterns\/author\/ukdrahul","avatar":"https:\/\/secure.gravatar.com\/avatar\/f1f30a2388527384a11f8b752bf5068ebd4ca07a40f115de0e8b9bbef96e26f9?s=64&d=mm&r=g"},"unlisted_reason":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/524224","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern"}],"about":[{"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/types\/wporg-pattern"}],"version-history":[{"count":1,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/524224\/revisions"}],"predecessor-version":[{"id":528541,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/524224\/revisions\/528541"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wporg\/v1\/users\/ukdrahul"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/media?parent=524224"}],"wp:term":[{"taxonomy":"wporg-pattern-category","embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-categories?post=524224"},{"taxonomy":"wporg-pattern-keyword","embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-keywords?post=524224"},{"taxonomy":"wporg-pattern-flag-reason","embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern-flag-reason?post=524224"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}