Theme settings
Last updated
Was this helpful?
Last updated
Was this helpful?
Foxify theme settings control the overall look and feel of your Foxify pages. These settings apply globally across your Foxify pages.
You can manage and edit theme settings either from the app dashboard or directly within the page editor.
You can access Foxify theme settings in two ways:
From the app dashboard:
Navigate to Settings > Theme settings in the left sidebar.
From within the page editor:
Open the Theme settings tab at the top of the right-hand panel in the page editor.
Foxify theme settings include several customization options that impact your entire store’s appearance.
Fixed container width: Adjusts the width of your page content across all pages. Drag the slider to set a specific width.
Narrow container width: Allows you to set a narrower content width for sections or blocks that you want to be more compact.
Vertical space between sections: Adjust the space between sections to create more breathing room or tighter layouts, depending on your design preferences. This setting is for the Legacy editor (deprecated).
Card style: Choose the style for displaying product cards based on your design preferences.
Display price: Set the price display option to show the default price (min price) or maximum price for variant-based products.
Text align: Control the alignment of product information like title, price, and description (left, center, or right).
Image ratio: Control how product images are displayed inside the cards.
Show second image on hover: Display a second image of the product when customer hover over the card. This is especially useful for showcasing the product in a different angle or feature.
Placeholder image: Select a placeholder image to show when no product image is available.
Other addons: Enable other addons to show on product cards
Display the vendor name (brand or creator) on the product card, which can add trust and help differentiate your products.
Go to Foxify Translation > Default Foxify theme content.
Card radius: Adjust the card radius to round the corners of your product cards. Set it to 0px for sharp edges.
Additional content: Add custom content to appear at the bottom of the product card.
Customize the collection cards appearance, including the display style, text alignment, and background color.
Card radius: Adjust the border radius of collection cards to round or sharpen the corners as per your preference.
Set how blog article cards display.
Define a global setting for your variant picker. You can still change it specifically on the template.
Define whether to show the currency format (EUR, USD, AUD, etc.) in your product prices.
Add custom CSS, JavaScript, or other code snippets for advanced customization. This allows developers to inject additional styling or functionality.
Avoid this section if you're not comfortable with custom coding. Always backup before making changes, and consider consulting a developer for complex customizations.
Tip: Use Product Quick View extension to allow customers to see product details in a popup without leaving the current page
Want to change the label of the quick add button or badges?
If you're using a premade template, the custom content might be affected by specific code tailored for that template.
For quick assistance or custom code issues, feel free to contact us via in-app live chat. We're happy to help!
See more:
