Read more button CSS

PHOTO

Tue Aug 02 2022 10:35:23 GMT+0000 (Coordinated Universal Time)

Saved by @websensepro #readmore #shopify-product #product-page-customization

/* code by https://websensepro.com */
.show_hide {
  cursor: pointer !important;
  font-weight: bold;
  text-decoration: underline;
  text-decoration: underline;
  font-size: 20px;
}

COPY

https://websensepro.com/blog/how-to-add-read-more-button-in-shopify-product-page/

Save snippets that work from anywhere online with our extensions

Comments

More like this

#readmore #shopify-product #product-page-customization

Read more button jquery

<script>
// code by https://websensepro.com

$(document).ready(function () {
    $(".read-more").hide();
    $(".show_hide").on("click", function () {
        var txt = $(".read-more").is(':visible') ? 'Read More' : 'Read Less';
        $(".show_hide").text(txt);
        $(this).next('.read-more').slideToggle(200);
    });
});
</script>

#readmore #shopify-product #product-page-customization

Read more button CSS

Save snippets that work from anywhere online with our extensions

Comments

More like this

Browse more snippets >>

Embed code snippet