Contents:

  1. How to install and activate the theme

  2. Menus and pages

  3. Demo Content

  4. General

  5. Head

  6. Header

  7. Home

  8. Single Product

  9. Checkout

  10. Checkout Features

  11. About Us

  12. Thank You

  13. Contact Us

  14. Social Media

  15. Subscription Form

  16. Footer

  17. Blog

  18. 404 page

  19. Customer Account

How to install and activate the theme

Once you've downloaded the theme, enter your WordPress panel and go to Appearance → Themes → Add New.

Click Upload Theme to upload the zip file you've downloaded. Then click Install Now.

Click Activate:

Menus and pages

Default pages and menus are already activated in your theme settings.

To create product categories, go to ProductsProduct Categories and select categories you want to edit or create a new one. To create a subcategory, add its name and select the corresponding parent category. Click Add a new category.

Once your product categories are created, you can proceed with organizing your website menus. There are 3 of them available in the Rubens theme:

  • Main Menu

  • two menus located in Footer

To manage them, go to AppearanceMenus and select a menu to make changes to or create a new one. Check the items which should be added to your menu in the left-hand sidebar.

Drag items to change their display order and move them to the right to make sub items. You can edit them by clicking the down arrow symbol.

To make sure you see all groups of items, click Screen Options at the top of the page and check groups you want to add to menu.

After you have finished editing your menu, check corresponding display location at the bottom of the page in Menu Settings. Click Save Menu.

Alternatively, you can use Manage with Live Preview at the top of the page to see changes on your website front-end as you make them:

Customization

To adjust theme customization settings to your needs and modify your website appearance, go to Customization.

Demo Content

Please view this guide to learn about Demo content.


General

In the General section you can edit some basic configuration settings

  • upload your favicon

  • show discount badges on products ('Sale' or '% off')

  • enable currency switcher

  • enable the LazyLoad option (Homepage, Category page and Single product page)

  • show star product rating (Homepage and Category page)

  • show one product per row on Category page (mobile)

  • enable 'sort by discount' option

Customize your template colors:

Head

You can add and edit scripts and styles in Head:

Header

Upload your website logo (you may add two versions of your logo, dark and light), manage sticky header settings and adjust colors.

Home

You can modify the way your homepage looks like: change titles and their colors, adjust font size, manage rotation, etc.

Upload your slider images (you can use the same banner, which is displayed on desktop, for mobile version of your website or add another image).

Manage your Product block settings: you can enable/disable and rename them.

Make your latest two blog articles appear on Homepage by enabling the blog option. Add a Homepage article above Footer.

Single Product

Manage your single product page settings in the Single Product tab: enable pre-selected variations, manage product information tabs, show social share icons, and many more.

Checkout

Learn how to customize your Shopping cart here.

Manage the required Checkout fields by adjusting the toggles:

Show Terms & Conditions checkbox on the last Checkout step to make sure your clients accept your website policy:

Use the default trust seals or upload your own to add credibility to your store:

Pick colors for the checkout buttons to meet your design objectives:

Add your contact details and links to the pages that are important to your Checkout process:

Enable Address autocomplete:

Checkout Features

Here you can enable One-page checkout, Countdown Timer, Trust box, and Why buy from us box:

About Us

Tell your customers more about your business: edit the About Us text so that it tells your company’s story and upload a background image.

Enable or disable the Our Core Values block:

Encourage your customers to keep in touch with you:

Tell your customers more about your business partners:

Thank You

Add a background image for your Thank You page. You can edit text which is shown to your client when a payment is complete or it failed and add conversion tracking scripts.

Contact Us

Add your email address and edit text displayed on the Contact Us page above your contact details:

Social Media

To add your social media links, go to Social Media and fill in the corresponding fields. Here you can also add an image that will appear when you share a link to your store on social media.

Subscription Form

Enable subscription form to collect users’ emails:

Footer

Adjust your footer colors and enable/disable back-to-top button. Keep in mind that this button looks differently on mobile devices. Manage your payment methods icons.

Add copyright, your contact details and footer tag container:

Blog

Upload the blog logo and customize other blog settings:

To learn more about adding and customizing your blog, consult this guide.

404 page

Upload background image and edit the text the customers see when getting to 404 page:

Customer Account

Choose customer account colors and edit registration text that the customers see when creating an account:



Did this answer your question?