{"id":7623,"date":"2024-11-27T13:13:07","date_gmt":"2024-11-27T13:13:07","guid":{"rendered":"https:\/\/addify.store\/documentation\/?page_id=7623"},"modified":"2024-11-27T13:13:07","modified_gmt":"2024-11-27T13:13:07","slug":"how-to-customize-text-appearance-on-shop-and-product-pages","status":"publish","type":"page","link":"https:\/\/addify.store\/documentation\/prestashop\/prestashop-text-before-and-after-price\/how-tos-2\/how-to-customize-text-appearance-on-shop-and-product-pages\/","title":{"rendered":"How to Customize Text Appearance on Shop and Product Pages?"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Customizing Text Appearance on Shop and Product Pages<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">You can use the PrestaShop Text Before and After Price module to customize text appearance on shop and product pages. The module allows store owners to make key messages, promotions, or details more visible and appealing to customers. Make the important information stand out by adjusting the placement, color, and style of the text.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Follow the step-by-step guide here:&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">1. Install the PrestaShop Text Before and After Price module by Addify.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">2. Navigate to<strong> \u201cModules\u201d<\/strong> in your PrestaShop backend, and locate the installed module. Click on it to open the settings.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">3. Go to the <strong>General Settings<\/strong> tab. Toggle the option to enable the module, which activates its features on your store. Click Save to apply the changes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">4. In the module\u2019s settings, select the <strong>Rules <\/strong>tab to start configuring custom text options. Click <strong>Add New Rule<\/strong> to define where and how the text will appear.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">5. Configure the rule details:&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Enable the Rule: <\/strong>Ensure the rule is activated so that it applies based on your configurations.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Title: <\/strong>Provide a clear, descriptive name for the rule to easily identify it later.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Priority: <\/strong>Assign a numeric value (greater than 0) to set the rule&#8217;s priority. Higher numbers mean the rule is applied first if multiple rules exist.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">6. Customization Options:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Display Text: <\/strong>Select where the text will be shown:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Shop Page: Display the custom text on the main product listing pages.<\/li>\n\n\n\n<li>Product Page: Show the text on individual product detail pages.<\/li>\n\n\n\n<li>Both: Apply the text on both shop and product pages.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">7. Choose Text Placement:&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Text Placement:<\/strong> Decide where the text will be placed:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Before Price: Display the text before the product price.<\/li>\n\n\n\n<li>After Price: Show the text after the product price.<\/li>\n\n\n\n<li>Both: Add custom text both before and after the price.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">8. Enter Custom Text:&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Text Before Price: <\/strong>Input the text to be displayed before the price (e.g., &#8220;Starting From&#8221;).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Text After Price: <\/strong>Specify the text to be shown after the price (e.g., &#8220;Incl. VAT&#8221;).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">9. Customize Appearance:&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Text Color: <\/strong>Choose a color that matches your store\u2019s theme.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Background Color: <\/strong>Select a background color to make the text stand out.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Font Selection: <\/strong>Pick from multiple font styles to match your store\u2019s design.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Text Styling: <\/strong>Apply formatting options like Bold or Italic to emphasize the text.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXfC6IxiI5vgKy40KJXjYV_ixOnLBocI1kfO2YlvlJlMNclu8LGv1TbQyxM7RmRqlrZAPNRLSv023AnNWjStNEXDFgNi_16R9-czQv_Qpr0Sr1n-1Pq69nD2YdRtJv4v4TxeZRWgHw?key=3m1jJaiDTsAErzjOIOcj7Q\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">10. Provide the necessary details for the rule.&nbsp;<br>11. Once all configurations are done, click <strong>Save <\/strong>to activate the rule.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Customizing Text Appearance on Shop and Product Pages You can use the PrestaShop Text Before and After Price module to customize text appearance on shop and product pages. The module allows store owners to make key messages, promotions, or details more visible and appealing to customers. Make the important information stand out by adjusting the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":7613,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-parts\/multiple-page-template.php","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-7623","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Customize Text Appearance on Shop and Product Pages? - Documentation<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/addify.store\/documentation\/prestashop\/prestashop-text-before-and-after-price\/how-tos-2\/how-to-customize-text-appearance-on-shop-and-product-pages\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Customize Text Appearance on Shop and Product Pages? - Documentation\" \/>\n<meta property=\"og:description\" content=\"Customizing Text Appearance on Shop and Product Pages You can use the PrestaShop Text Before and After Price module to customize text appearance on shop and product pages. The module allows store owners to make key messages, promotions, or details more visible and appealing to customers. Make the important information stand out by adjusting the [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/addify.store\/documentation\/prestashop\/prestashop-text-before-and-after-price\/how-tos-2\/how-to-customize-text-appearance-on-shop-and-product-pages\/\" \/>\n<meta property=\"og:site_name\" content=\"Documentation\" \/>\n<meta property=\"og:image\" content=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXfC6IxiI5vgKy40KJXjYV_ixOnLBocI1kfO2YlvlJlMNclu8LGv1TbQyxM7RmRqlrZAPNRLSv023AnNWjStNEXDFgNi_16R9-czQv_Qpr0Sr1n-1Pq69nD2YdRtJv4v4TxeZRWgHw?key=3m1jJaiDTsAErzjOIOcj7Q\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/prestashop\\\/prestashop-text-before-and-after-price\\\/how-tos-2\\\/how-to-customize-text-appearance-on-shop-and-product-pages\\\/\",\"url\":\"https:\\\/\\\/addify.store\\\/documentation\\\/prestashop\\\/prestashop-text-before-and-after-price\\\/how-tos-2\\\/how-to-customize-text-appearance-on-shop-and-product-pages\\\/\",\"name\":\"How to Customize Text Appearance on Shop and Product Pages? - Documentation\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/prestashop\\\/prestashop-text-before-and-after-price\\\/how-tos-2\\\/how-to-customize-text-appearance-on-shop-and-product-pages\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/prestashop\\\/prestashop-text-before-and-after-price\\\/how-tos-2\\\/how-to-customize-text-appearance-on-shop-and-product-pages\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/lh7-rt.googleusercontent.com\\\/docsz\\\/AD_4nXfC6IxiI5vgKy40KJXjYV_ixOnLBocI1kfO2YlvlJlMNclu8LGv1TbQyxM7RmRqlrZAPNRLSv023AnNWjStNEXDFgNi_16R9-czQv_Qpr0Sr1n-1Pq69nD2YdRtJv4v4TxeZRWgHw?key=3m1jJaiDTsAErzjOIOcj7Q\",\"datePublished\":\"2024-11-27T13:13:07+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/prestashop\\\/prestashop-text-before-and-after-price\\\/how-tos-2\\\/how-to-customize-text-appearance-on-shop-and-product-pages\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/addify.store\\\/documentation\\\/prestashop\\\/prestashop-text-before-and-after-price\\\/how-tos-2\\\/how-to-customize-text-appearance-on-shop-and-product-pages\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/prestashop\\\/prestashop-text-before-and-after-price\\\/how-tos-2\\\/how-to-customize-text-appearance-on-shop-and-product-pages\\\/#primaryimage\",\"url\":\"https:\\\/\\\/lh7-rt.googleusercontent.com\\\/docsz\\\/AD_4nXfC6IxiI5vgKy40KJXjYV_ixOnLBocI1kfO2YlvlJlMNclu8LGv1TbQyxM7RmRqlrZAPNRLSv023AnNWjStNEXDFgNi_16R9-czQv_Qpr0Sr1n-1Pq69nD2YdRtJv4v4TxeZRWgHw?key=3m1jJaiDTsAErzjOIOcj7Q\",\"contentUrl\":\"https:\\\/\\\/lh7-rt.googleusercontent.com\\\/docsz\\\/AD_4nXfC6IxiI5vgKy40KJXjYV_ixOnLBocI1kfO2YlvlJlMNclu8LGv1TbQyxM7RmRqlrZAPNRLSv023AnNWjStNEXDFgNi_16R9-czQv_Qpr0Sr1n-1Pq69nD2YdRtJv4v4TxeZRWgHw?key=3m1jJaiDTsAErzjOIOcj7Q\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/prestashop\\\/prestashop-text-before-and-after-price\\\/how-tos-2\\\/how-to-customize-text-appearance-on-shop-and-product-pages\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/addify.store\\\/documentation\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"PrestaShop\",\"item\":\"https:\\\/\\\/addify.store\\\/documentation\\\/prestashop\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Prestashop Text Before and After Price\",\"item\":\"https:\\\/\\\/addify.store\\\/documentation\\\/prestashop\\\/prestashop-text-before-and-after-price\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"How To\u2019s TBAP\",\"item\":\"https:\\\/\\\/addify.store\\\/documentation\\\/prestashop\\\/prestashop-text-before-and-after-price\\\/how-tos-2\\\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"How to Customize Text Appearance on Shop and Product Pages?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/#website\",\"url\":\"https:\\\/\\\/addify.store\\\/documentation\\\/\",\"name\":\"Documentation\",\"description\":\"Documentation for Addify Extensions\",\"publisher\":{\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/addify.store\\\/documentation\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/#organization\",\"name\":\"Documentation\",\"url\":\"https:\\\/\\\/addify.store\\\/documentation\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/addify.store\\\/documentation\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/Asset-21-2x.png\",\"contentUrl\":\"https:\\\/\\\/addify.store\\\/documentation\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/Asset-21-2x.png\",\"width\":6761,\"height\":1853,\"caption\":\"Documentation\"},\"image\":{\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Customize Text Appearance on Shop and Product Pages? - Documentation","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/addify.store\/documentation\/prestashop\/prestashop-text-before-and-after-price\/how-tos-2\/how-to-customize-text-appearance-on-shop-and-product-pages\/","og_locale":"en_US","og_type":"article","og_title":"How to Customize Text Appearance on Shop and Product Pages? - Documentation","og_description":"Customizing Text Appearance on Shop and Product Pages You can use the PrestaShop Text Before and After Price module to customize text appearance on shop and product pages. The module allows store owners to make key messages, promotions, or details more visible and appealing to customers. Make the important information stand out by adjusting the [&hellip;]","og_url":"https:\/\/addify.store\/documentation\/prestashop\/prestashop-text-before-and-after-price\/how-tos-2\/how-to-customize-text-appearance-on-shop-and-product-pages\/","og_site_name":"Documentation","og_image":[{"url":"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXfC6IxiI5vgKy40KJXjYV_ixOnLBocI1kfO2YlvlJlMNclu8LGv1TbQyxM7RmRqlrZAPNRLSv023AnNWjStNEXDFgNi_16R9-czQv_Qpr0Sr1n-1Pq69nD2YdRtJv4v4TxeZRWgHw?key=3m1jJaiDTsAErzjOIOcj7Q","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/addify.store\/documentation\/prestashop\/prestashop-text-before-and-after-price\/how-tos-2\/how-to-customize-text-appearance-on-shop-and-product-pages\/","url":"https:\/\/addify.store\/documentation\/prestashop\/prestashop-text-before-and-after-price\/how-tos-2\/how-to-customize-text-appearance-on-shop-and-product-pages\/","name":"How to Customize Text Appearance on Shop and Product Pages? - Documentation","isPartOf":{"@id":"https:\/\/addify.store\/documentation\/#website"},"primaryImageOfPage":{"@id":"https:\/\/addify.store\/documentation\/prestashop\/prestashop-text-before-and-after-price\/how-tos-2\/how-to-customize-text-appearance-on-shop-and-product-pages\/#primaryimage"},"image":{"@id":"https:\/\/addify.store\/documentation\/prestashop\/prestashop-text-before-and-after-price\/how-tos-2\/how-to-customize-text-appearance-on-shop-and-product-pages\/#primaryimage"},"thumbnailUrl":"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXfC6IxiI5vgKy40KJXjYV_ixOnLBocI1kfO2YlvlJlMNclu8LGv1TbQyxM7RmRqlrZAPNRLSv023AnNWjStNEXDFgNi_16R9-czQv_Qpr0Sr1n-1Pq69nD2YdRtJv4v4TxeZRWgHw?key=3m1jJaiDTsAErzjOIOcj7Q","datePublished":"2024-11-27T13:13:07+00:00","breadcrumb":{"@id":"https:\/\/addify.store\/documentation\/prestashop\/prestashop-text-before-and-after-price\/how-tos-2\/how-to-customize-text-appearance-on-shop-and-product-pages\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/addify.store\/documentation\/prestashop\/prestashop-text-before-and-after-price\/how-tos-2\/how-to-customize-text-appearance-on-shop-and-product-pages\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/addify.store\/documentation\/prestashop\/prestashop-text-before-and-after-price\/how-tos-2\/how-to-customize-text-appearance-on-shop-and-product-pages\/#primaryimage","url":"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXfC6IxiI5vgKy40KJXjYV_ixOnLBocI1kfO2YlvlJlMNclu8LGv1TbQyxM7RmRqlrZAPNRLSv023AnNWjStNEXDFgNi_16R9-czQv_Qpr0Sr1n-1Pq69nD2YdRtJv4v4TxeZRWgHw?key=3m1jJaiDTsAErzjOIOcj7Q","contentUrl":"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXfC6IxiI5vgKy40KJXjYV_ixOnLBocI1kfO2YlvlJlMNclu8LGv1TbQyxM7RmRqlrZAPNRLSv023AnNWjStNEXDFgNi_16R9-czQv_Qpr0Sr1n-1Pq69nD2YdRtJv4v4TxeZRWgHw?key=3m1jJaiDTsAErzjOIOcj7Q"},{"@type":"BreadcrumbList","@id":"https:\/\/addify.store\/documentation\/prestashop\/prestashop-text-before-and-after-price\/how-tos-2\/how-to-customize-text-appearance-on-shop-and-product-pages\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/addify.store\/documentation\/"},{"@type":"ListItem","position":2,"name":"PrestaShop","item":"https:\/\/addify.store\/documentation\/prestashop\/"},{"@type":"ListItem","position":3,"name":"Prestashop Text Before and After Price","item":"https:\/\/addify.store\/documentation\/prestashop\/prestashop-text-before-and-after-price\/"},{"@type":"ListItem","position":4,"name":"How To\u2019s TBAP","item":"https:\/\/addify.store\/documentation\/prestashop\/prestashop-text-before-and-after-price\/how-tos-2\/"},{"@type":"ListItem","position":5,"name":"How to Customize Text Appearance on Shop and Product Pages?"}]},{"@type":"WebSite","@id":"https:\/\/addify.store\/documentation\/#website","url":"https:\/\/addify.store\/documentation\/","name":"Documentation","description":"Documentation for Addify Extensions","publisher":{"@id":"https:\/\/addify.store\/documentation\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/addify.store\/documentation\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/addify.store\/documentation\/#organization","name":"Documentation","url":"https:\/\/addify.store\/documentation\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/addify.store\/documentation\/#\/schema\/logo\/image\/","url":"https:\/\/addify.store\/documentation\/wp-content\/uploads\/2023\/11\/Asset-21-2x.png","contentUrl":"https:\/\/addify.store\/documentation\/wp-content\/uploads\/2023\/11\/Asset-21-2x.png","width":6761,"height":1853,"caption":"Documentation"},"image":{"@id":"https:\/\/addify.store\/documentation\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/pages\/7623","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/comments?post=7623"}],"version-history":[{"count":1,"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/pages\/7623\/revisions"}],"predecessor-version":[{"id":7624,"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/pages\/7623\/revisions\/7624"}],"up":[{"embeddable":true,"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/pages\/7613"}],"wp:attachment":[{"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/media?parent=7623"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}