ThemeWare® can output the logos of your payment and shipping methods in the footer and on the product page. The logos come directly from the payment and shipping methods of Shopware.
Step 1: Store the logos in Shopware
Payment methods
- Open the administration of your shop
- Switch via the main navigation to "Settings" => "Payment methods"
- Open a payment method
- Store an image from your media library in the field "Logo"
- Save the payment method and repeat the process for all other payment methods
Shipping methods
- Switch via the main navigation to "Settings" => "Shipping"
- Open a shipping method
- Store an image in the field "Upload logo"
- Save the shipping method and repeat the process for all other shipping methods
Note: Only payment and shipping methods that are assigned to your Sales Channel and are active are output.
Step 2: Place the widget in the footer
- Switch via the main navigation to the "theme administration" ("Content" => "Themes")
- Note: In the Shopware Cloud you will find the "Themes" area directly in the main navigation.
- Now click on your ThemeWare® theme to start editing
- Switch to the tab "Footer"
- Open the block "Assigning and arranging content"
- In a free section (for example "Element 1") select one of the following options for the "Content (Widget)":
- "Payment methods"
- "Shipping methods"
- "Payment and shipping methods" (both logo groups in one element)
- Define the "Section" and the "Order"
Step 3: Configure the display of the logos
- Tab "Widgets" => Block "Payment logos" or "Shipping logos"
The section "Basic configuration" offers among others:
- "Maximum height": limits the height of the logos
- "Corner type": the corner shape of the logos
- "Link logos": links the logos
- "Show fallback badges": outputs the name as a badge if no logo is stored for a payment or shipping method
- "Show only custom images": ignores the logos from Shopware and outputs only your own images
In the section "Colour configuration" you configure the "Coloration", the "Border colour" and the colours of the fallback badge.
Using your own logos
If you want to output logos for which there is no payment or shipping method (for example a buyer protection seal), use the custom images.
- Tab "Widgets" => Block "Payment logos" or "Shipping logos" => Section "Images" => "Custom image 1" to "Custom image 3"
Tip: You can edit the titles and alt texts of the custom images with the snippets twt.widget.payment.customImage1.title and twt.widget.shipping.customImage1.title (accordingly for image 2 and 3).
Logos on the product page
You can additionally output the payment logos in the buy box of the product page.
- Tab "Product pages" => Block "Payment logos (in the buy box)"
Further information
- Introduction: Configuring the footer